Vue.js学习笔记——常用基本指令

一、基本指令

1. v-bind(简写:(冒号))：属性绑定/单向数据绑定

2. v-on(简写@)：事件绑定

                           事件修饰符：

3. v-for：循环遍历

                 

              在遍历时尽可能提供 key 值

4. v-model：双向数据绑定，适用并仅于表单类型如：input / select / textarea

5. v-if / v-show ：根据其后的表达式的真假进行插入/移除元素

                            差别：v-if：动态在DOM树中添加或者删除元素，可与v-else / v-else-if结合使用

                                       v-show: 通过设置DOM元素的display样式控制显示及隐藏

                             使用场景：v-if 有更高的切换开销，适用于条件很少改变的场景

                                                v-show适合频繁切换

6. v-once：一次性插值，当数据改变时，插值处的内容不会更新

7. v-html：将数据解析为html代码

8. v-text：将数据解析为文本，而不能读取html标签

9. v-clock：防止闪烁