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）数据绑定 <!

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。

Vant(Vue2)使用

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

Vue2 源码解析

Vue.js 是一个渐进式 MVVM 框架，目前被广泛使用，也成为目前前端技术中颇具代表性的一个框架。

vue2配置vite

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

vue2使用ElementUI

Vue2动态路由

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

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却是很麻烦的事

vue2使用vite过渡

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

Vue2笔记

在使用 v-bind 属性绑定期间，如果绑定内容需要进行动态拼接，则字符串的外面应该包裹单引号，例如：

Vue3、Vue2

1.API 风格：选项式 vs 组合式总结 选项方和组合式的区别对比维度Vue2 选项式 API Vue3 组合式 API（setup 函数 / setup 语法糖） this 指向组件实例例setup() 中没有 this，完全基于函数式编程思想代码拆分灵活性难以将同一功能的逻辑拆分到多个文件可轻松将逻辑提取为独立的组合函数（composables）并跨组件复用Vue2 filteredUsers" :key="user.id"> {{ user.name }}