指令
v-text: 更新元素的文本不能解析html
v-html:更新元素的innerHTML
v-show:根据表达式的真假切换元素的display css属性
v-if:根据表达式的真假条件渲染元素
v-else:与编程语言中的else一样
v-else-if:与编程语言中的else-if一样
v-for: 可循环数组,对象,字符串,数字
v-on:绑定事件监听器。事件类型由参数决定 缩写@
v-bind:动态的绑定一个或多个属性,或者一个组件prop到表达式 缩写:
v-model:表单元素或者组件上创建双向绑定
v-if和v-show的区别
- v-if 是插入标签 v-show 是通过css隐藏
- 性能上的区别
在用户很少点击的标签使用v-if频繁使用的使用v-show来减少dom的插入提升渲染速度