插值表达式
v-cloak (防止网速问题造成的内容错误)
v-text 绑定内容
v-bind (缩写是:) 绑定属性
v-on (缩写是@) 绑定事件
v-model 双向绑定属性
只能应用于表单元素 input(radio,text,address,email。。。)v-for
在 v-for 要会使用 :
(key 属性绑定(只接收单一的 string/number))
循环数组:
v-for="item in list"
v-for="(item,i) in list"
循环对象:
v-for="(val,key,index) in list"
循环数字:
v-for="(val,key,index) in 10"
- v-key
控制隐藏显示的指令:
v-if
删除元素 或 创建元素来达到隐藏元素的效果。有较高的切换性能消耗较高
对比: 如果元素频繁的切换最好不要使用v-show
通过修改 style 中 display: none; 的样式来控制隐藏和显示。有较高的初始渲染消耗
对比: 如果一个元素在页面中一直隐藏,v-show 的性能消耗更高