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:
跳过这个元素以及子元素的编译过程,以此来加快整个项目的编译速度