Vue.js的内置指令

Vue.js的内置指令

简单的介绍一下指令，详细用法还会更新哦！

v-once:

定义它的元素或组件只渲染一次，包括它里面的所有子节点，首次渲染后不再随数据的变化重新渲染，将被视为静态内容

v-cloak:

保持在元素上直到关联实例结束编译，解决初始化慢导致页面闪动问题的最佳实践

v-bind:

属性绑定，动态更新HTML元素上的属性

v-on:

用于监听DOM事件
如v-on:keyup v-on:click等

v-html:

赋值就是变量innerHTML（注意防止XSS攻击）

v-html会将其当html标签解析后输出

v-text:

更新元素textContent，用于操作纯文本

v-text可以简写为{{}},并且支持逻辑运算

v-model:

它与v-text的区别在于它实现的表单组件的双向绑定，如果用于表单控件以外标签是没有用的

在普通标签——变成value和input的语法糖，并且会处理拼音输入法的问题
在组件上——是为处理value和input的语法糖的问题

v-show:

使用指令来实现，最终会通过display来显示隐藏

v-if:

判断指令，根据表达式值得真假来插入或删除相应的值

v-for:

循环指令，相当于遍历
优先级比v-if高，最好不要一起使用，尽量使用计算属性去解决

v-pre:

跳过这个元素以及子元素的编译过程，以此来加快整个项目的编译速度