第5章 内置指令

5.1 基本指令

5.1.1 v-cloak
v-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none配合使用。

5.1.2 v-once
v-once不需要表达式的指令,作用是定义它的元素或组件只渲染一次。

5.2 条件渲染指令
5.2.1 v-if、v-else-if、v-else
根据表达式的值在DOM中渲染或销毁元素/组件。
如果一次判断的是多个元素,可以在Vue.js内置的元素上使用条件指令,最终渲染的结果不会包含该元素。

5.2.2 v-show
v-show的用法与v-if基本一致,只不过v-show是改变元素的CSS属性display。

5.2.3 v-if与v-show的选择
v-if是真正的条件渲染,v-show只是简单的CSS属性切换。

5.3 列表渲染指令v-for

5.3.1 基本用法

5.3.2 数组更新
push()
pop()
shift()
unshift()
splice()
sort()
reverse()

5.3.3 过滤与排序
用计算属性来返回过滤或排序后的数组

5.4 方法与事件

5.41 基本用法

5.4.2 修饰符

你可能感兴趣的:(《vue.js实战》)