Vue笔记

插件介绍 功能： 用于增强vue 本质： 包含install方法的一个对象，install的第一个参数是vue，第二个以后的参数是插件使用者传递的数据 插件的定义 插件的引入 插件中内容的使用 和正常

Vue中的MixIn介绍 MinIn中文通常叫做混合或者混入 功能： 可以把多个组件公用的配置提取成一个混入对象，实现功能复用 MixIn使用 定义混合 引入混合 使用混合

生命周期总结起来一共有8个，4对成对出现： beforeCreate created 与数据监测，数据代理的创建相关 beforeMount mounted 与数据的Vue编译相关 beforeUpd

定义自定义指令 定义局部指令 定义全局指令 配置方式的区别 对象式配置函数的调用 （1）bind : 指令与元素成功绑定时调用 （2）inserted ： 指令所在元素被插入页面时调用 （3）upda

插值语法 用于解析标签体内容 写法： {{xxx}}, xxx是js表达式，且可以直接读取到data中的所有属性，包含计算属性，监听属性 指令语法 用于解析变迁（包括标签属性，标签体内容，绑定事件..

v-if 写法： .v-if='表达式' .v-else-if='表达式' .v-else='表达式' 使用场景 切换频率较低的场景 特点：不展示的dom元素直接被移除 注意： v-if可以喝v-el

1.引入Vue 2.创建vue对象 3.运行vue项目 这样，我们的第一个vue项目已经成功运行起来了

vue中的时间修饰符有以下几种： 1.prevent阻止默认事件 举例： 2.stop阻止事件冒泡 举例 3.once 事件只触发一次 举例 4.capture 使用事件的捕获模式 举例： 5.sel

1.按键监听事件 1.1 keyup 按下按键并抬起触发 1.2 keydown 按下按键即触发 2.vue中的按键监听方式 2.1提供别名的按键 2.2 Vue中为提供别名的按键，可以使用按键原始的

计算属性的作用与目的 要用的属性不存在，需要通过已有的属性计算得来 原理：底层借助Object.defineproperty方法提供的setter和getter 优点：计算属性相对于methods中的

一级结构的监视属性 监视属性watch 监视属性的写法有两种： 当被监视的属性发生变化时，回调函数handler会自动调用 监视的属性必须存在，可以是属性或者计算属性，才能进行监视 多级结构的属性监视

computed和watch的区别 computed能完成的功能，watch都可以完成 watch能完成的功能，computed不一定能完成，例如：watch可以完成异步操作 两个重要的原则 : 所被

绑定class 写法： :class='xxx' xxx可以是字符串，对象，数组 字符串写法适用于：类名不确定，要动态确定 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 数组写法适用于：

v-for介绍与用法 可以用来 遍历数组 遍历对象 遍历字符串 遍历次数 一般用来展示列表的数据，key需要具有唯一性

vue中绑定数据归结为一下几点 vue会监听data中所有层次的数据（会为所有冻结检测的属性生成对应的set，get方法） 如何监测对象中的数据？ 通过setter实现监听，且要在new Vue时就传

vue收集表单数据 若 <input type="text"/>,则v-model收集的是value值。用户输入的就是value值 若<input type="radio"/>,则v-model收集的

过滤器介绍 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理） 语法： 2.1 注册过滤器： 全局过滤器： Vue.filter(name,callback) 需要写在Vue实例初

vue的内置指令 v-bind : 单向绑定解析表达式，可以简写为 :xxx v-model : 双向绑定数据 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听，可以简写为 @ v-