vue指令:
1. v-if、v-else、 v-else-if
控制组件结构、可以直接让html隐藏
2. v-for
循环数组生成html结构
3.v-bind
缩写 :
给属性添加data中的值
4.v-model
双向绑定,加给表单元素
5.v-on
缩写 @
绑定事件
6.v-show
css进行display:none的操作
7.v-text、v-html
v-text和{{}}一样
v-text不解释标签,v-html解释标签
解释html标签可能导致xss攻击,不要使用用户提供的内容插值
8.v-pre
如果想显示{{ }}标签,而不进行替换,使用v-pre即可调过这个元素和它的子元素的编译过程
9.v-cloak
包含 v-cloak 属性的 html 标签在页面初始化时会被隐藏,解决页面加载时出现 vuejs 的变量名
10.v-once
只渲染元素和组件一次,随后的渲染,使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能