一、基本指令
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:防止闪烁