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的值是唯一的,不能重复。
以下两种情况不会触发视图更新
- 当使用数组的length属性去改变数组的时候，不会触发视图的更新。
- 使用数组下标的方法去改变数组的时候，也不会触发视图的更新。
解决上述问题：
- 使用Vue.set(arr,index,newVal) arr是需要改变的数组，index是数组里面的项，
newVal是改变后的值。 - 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操作元素的隐藏和显示
网友评论