vue基础学习笔记 --- vue常用内置指令总结

1. v-html：内容按照普通的html插入，可防止xss攻击（了解XSS攻击）
2. v-show：根据表达式的真假来通过改变CSS中的display属性来切换元素的显示和隐藏，应用场景：需要频繁的切换或渲染页面（v-show与v-if的区别）
3. v-if：根据表达式的真假，来渲染元素，v-if与v-show不同的地方就在于，v-if直接控制的是DOM元素，应用场景为：不需要频繁切换或者渲染页面的时候
4. v-else：前面必须有v-if，并且v-if的条件成立，v-else的条件就不成立
5. v-else-if：当有多个逻辑条件时使用，
6. v-for：循环遍历数组或对象
7. v-on：绑定事件监听器
8. v-bind：绑定元素属性
9. v-model：在表单控件或者组件上创建双向绑定的时候使用
10. v-once：一次性插值，当第一次插值完成之后，数据再更新，视图也不会更新
11. v-pre：可以用来显示原始插入标签{{}}，并且跳过此元素和其子元素的编译过程，提高编译速度，是一种优化；
12. v-text：等价于{{}}；但是{{}}会造成闪烁，v-text不会；如果想用{{}}想解决闪烁，可以使用v-cloak处理

v-cloak的原理：被vue管理的模板样式是隐藏着的，当vue解析处理完页面的DOM模板之后，会自动把这个样式去除，然后显示出来

v-cloak的处理步骤：

1.在被vue管理的模板入口节点上使用v-cloak指令

2.添加一个属性选择器[v-cloak]的css隐藏样式：[v-cloak]{display:none}

关于v-html、v-once、v-bind、v-on更多了解