插值语法---------管理标签体里的内容

{{}}

指令语法----管理标签属性---（）里的为简写

v-bind： （：） 单向数据绑定{页面修改数据不会跟着改} 可以指定任何一个元素属性

v-model （省略value） 双向数据绑定{} 有value值的元素

v-on:click = '函数名' （@click）

容器跟vue实例关联

通过**el** 和 选择器

实例 mount挂载 代替el关联容器 vm.$mount

data的两种写法

一种对象式

**data**:{

}

一种函数式

data :function(){

return{

}

}

data不能写成箭头函数，this会指向windows

MVVM模型 m数据data v模版dom视图 vm（vue实例）

es6方法Object.defineProperty(方法名，属性名，{值}) 作用给一个方法添加一个属性默认不可删除不可修改不可枚举

修改属性enumerable：true后可以遍历

修改属性writable：true 后该属性值可以修改

修改属性configurable：true 后该属性可以被删除

这里面藏着getter、setter

注释 *****枚举的意思是 该属性不可参加遍历

Object.keys（方法名） 作用：遍历一个方法的所有key值

重点 *****数据代理~

事件处理

*methods是vue实例里面事件处理的配置项 写在vue实例里面

methods里面的函数的参数是事件对象event

非箭头函数的this指向的是this

事件修饰符

事件（click等）.事件修饰符.事件修饰符 {可以连着写}

.prevent 阻止默认事件（常用）

.stop 阻止事件冒泡（常用）

.once 事件只触发一次（常用）

.capture 使用事件的捕捉模式

.self 只有event.target是当前操作的元素时才触发事件

.passive 事件的默认行为立即执行，无须等待事件回调执行完毕

键盘事件

@keyup

键盘事件的别名

回车 =》enter

删除 =》 delete

退出 =》 esc

空格 =》 space

换行 =》 tab

上 =》 left

下 =》 down

左 =》 left

右 => right

有几个系统的修饰符，后面可以加 .键盘上的任意一个键组成快捷键

定义别名

Vue.config.keyCodes.huiche = 13//给回车按键取了个别名“huiche”

计算属性

**computed**

里面的

函数被读取调用get函数

函数别修改调用set函数

只读不改可以使用简写形式

computed（）{

函数名（）{

return

}

}

监视属性 又名 侦听属性

watch：{

vm实例里的属性:{

immediate：true，开局让你爽一次

deep : true 深度监视 让你监视多层次里面的数据

handler（参数1变动后的值，参数2旧的值）{}

}

}

另一种写法

vm.$watch('监视对象(vm实例里的属性)',{

})

简写形式

当不需要深度监视，和开局爽一次的时候可以简写

直接watch:{

监视的属性名（参数1变动后的值，参数2旧的值）{

}

}

绑定class样式更绑定style样式

用v-bind指令 （：）

：class = 数组，对象

：style = “object” 值是一个对象

条件渲染

判断语句

v-show 显示隐藏 ----调整 display 的block none

v-if 显示隐藏 -----直接去掉节点了

v-else-if

v-else

列表渲染

v-for 用法同与 for in

ps为vm实例里的数据

列表过滤

fliter

折叠注释 #region #endregion