2018-08-09

mvvm

vm是什么？
vm监视、同步view层和model层, m层数据有变化的时候，v层数据会变化

插值表达式是什么？

直接使用{{}}可以把model层的数据放到innerHTML，动态渲染data到页面上。

v-text

使用的场景？
可以渲染页面，写在标签的属性上，只能解析字符窜，不能解析html标签。

v-html使用场景？

v-html使用在标签的属性上面，可以解析标签和文本内容，但是容易遭到xss攻击，
永不用在信息提交的地方，如果用的话，请谨慎。

v-bind绑定给谁的？

v-bind可以动态绑定属性，v-bind:属性名=“data”,也可以简写成 :属性名=“data” ，

v-for

渲染数组有几个对象？
有两个对象 值、索引 item 、 index
渲染对象有几个对象？
有三个对象 值、键、索引； value 、 key 、index

key的使用方法

在循环后面加 ：key="唯一的标示"，好处就是提高性能，注意key的值是唯一的,不能重复。

以下两种情况不会触发视图更新

1. 当使用数组的length属性去改变数组的时候，不会触发视图的更新。
2. 使用数组下标的方法去改变数组的时候，也不会触发视图的更新。

解决上述问题：

1. 使用Vue.set(arr,index,newVal) arr是需要改变的数组，index是数组里面的项，
   newVal是改变后的值。
2. Array.prototype.splice()。

v-model

作用：数据双向绑定，数据实时更新。

v-on指令用来监听dom事件

使用方法：
1. 在标签的属性位置上写上v-on:任意事件类型=“执行的函数”
2. 简写：@任意的事件类型=“执行的函数”
3. 通过执行函数添加参数
4. 通过执行函数中添加event参数传递事件对象，注意只能是event，并且不能加引号。
5.通过修饰符可以给事件添加特殊功能 .stop .prevent
6.可以给和按键相关的事件添加按键修饰符 通常的有 $keyup.enter

if和show

1.if操作dom元素删除和添加
2.show操作元素的隐藏和显示