vue2

v-model="变量"，变量值与表单的value相关，placeholder属性是input框的默认值，v-model可以实现数据的双向绑定，变量的值可以影响表单标签的值，反过来标签的值也可以影响变量的值。

vue2基础

1.object.defineproperty get(){}为获取绑定对象属性时触发，set(value)为修改绑定对象属性时触发 且会受到修改的具体值 2.vue数据代理 3.事件处理 3.1 单击事件 4.一个重要的内置关系 实例的隐式圆形对象，永远指向自己缔造者的原型对象 5. render 函数 6. vuex 7.stire配置

vue2基础

vue2基础 一、介绍 本文是以前学习 vue2时整理的，对于目前的 vue3有些过时。 专注后端，前端只作为使用学习。 二、 基础 1）数据绑定 <!

VUE框架：vue2转vue3全面细节总结（6）动态路由

当我们做用户权限的时候，添加路由非常有用。可以使用 router.addRoute() 来添加一个路由：

VUE框架：vue2转vue3全面细节总结（4）滚动行为

我们可以通过 vue-router 自定义路由切换时页面如何滚动。比如，当跳转到新路由时，页面滚动到某个位置；切换路由时页面回到之前的滚动位置。

VUE框架：vue2转vue3全面细节总结（2）导航守卫

全局前置守卫通常用来做权限控制，使用 router.beforeEach 即可添加：

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

0、简介 在写本文时，Vite 默认不提供 Vue2 项目的创建方式。 使用 Vite 创建出来的 Vue 项目，暂时都是 Vue3 的。 Vite 是构建工具的高阶封装。 项目 在写本文时，Vite 默认没提供 Vue2 项目创建的选项。 我们可以使用 Vite 创建一个原生项目，然后再安装 Vue2 的生态进行开发。 1.1、初始化项目 首先进入项目存放的地方，然后运行以下命令创建项目。 项目目录如下所示 1.2、安装 vite 对 vue2 支持的插件 要在 vite 里运行 vue2 项目，需要安装一个 vite 的插件：vite-plugin-vue2 npm install vite-plugin-vue2 1.3、安装 vue 依赖 使用以下命令安装 vue2。

VUE框架、UNIAPP框架：vue2转vue3全面细节总结（1）vue框架：路由模式、路由跳转；uniapp框架：存储数据写法、引入数据写法；

---- vue框架 路由模式 Vue3 中不再使用 new Router() 创建 router ，而是调用 createRouter 方法： import { createRouter } from vue-router' createRouter({ history: createWebHistory('/base-url/'), routes: [] }) 路由跳转 使用组件跳转，方式还是和 Vue2 uni-app框架 存储数据写法vue2 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); const store = new = createStore({ state:{ "username":"xiaomi", "age":22 } }) export default store 引入数据写法vue2

Vue2 + Element-Plus极客范儿后台管理框架，告别繁琐开发！

每天分享技术栈，开发工具等 介绍 Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。

VUE框架：vue2转vue3全面细节总结（5）过渡动效

如果想要在路由组件上使用转场，对导航进行动画处理，我可以使用 v-slot 结合 Animete.css 来实现：

Vant(Vue2)使用

官网 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

vue2配置vite

本篇博客针对新vue2项目，老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint

Vue2 源码解析

一、简介 Vue.js 是一个渐进式 MVVM 框架，目前被广泛使用，也成为目前前端技术中颇具代表性的一个框架。 按 Vue 作者的说法，Vue（及其生态）是一个渐进式 MVVM 框架，可以按照实际需要逐步进阶使用更多特性 1、核心机制 依赖收集的原理和实现 数据监听的实现 模板编译原理 render 方法的原理 从而让开发者能真正使用一款 “响应式” 的前端框架来完成应用开发 3、模板编译原理 整体而言，Vue 的处理方式大致分为几步： 将模板进行解析，得到一棵抽象语法树（AST） 根据抽象语法树得到虚拟 DOM

vue2使用ElementUI

Vue2动态路由

    一般管理端的菜单栏是根据登录用户角色不同，动态生成的，在vue中我们不止菜单栏需要动态生成，同时我们路由也需要动态生成。

vue2使用vite过渡

使用 npm 引入 Vite Plugin Vue2： npm install vite-plugin-vue2 vue-template-compiler -D 安装 vite-plugin-vue2

vue2 笔记8动画

样例解析 <template>

vue2使用animate css

vue2使用animate css 先上几个链接 vue插件大集合：awesome-vue vue2插件： vue2-animate：vue2-animate vue2插件vue2-animateDEMO ： vue2-animatedemo：vue2-animate-demo 我想用过animatecss的都知道这是一个极其简单而又酷炫的css动画库，但是我想在vue2中使用animatecss却是很麻烦的事

VUE框架：vue2转vue3全面细节总结（3）路由组件传参

当我们获取路由参数时，通常在模板中使用 $route ，在逻辑中调用 useRoute() 方法，如：

Vue2笔记

笔记来自于黑马程序员课程 引用站外地址 黑马程序员Vue全套视频教程 从vue2.0到vue3.0一套全覆盖，前端学习核心框架教程 推荐安装的 VScode 中的 Vue 插件 Vue 3 Snippets itemName=octref.vetur 什么是 vue 构建用户界面 用 vue 往 html 页面中填充数据，非常的方便 框架 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能 要学习 vue，就是在学习 vue 框架中规定的用法！