Vue常用的内置指令

1,v-cloak

{{ message }}

虽然已经加上了 v-cloak 但是当网速过慢时,还会显示message的字样,直到Vue创建实例、编译模板时,DOM才会被替代,过程回出现闪动,只要加上一句css就可以解决
[v-cloak] {
display: none
}
2, v-once
作用,定义它的元素只被渲染一次,不再随数据的变化重新渲染,将被视为静态内容
3,v-if, v-else-if, v-else
举个栗子:

当status = 1 时显示该行


当status = 2 时显示该行


否则都不显示



4,v-show
v-show 与 display: none/block 时一样的作用,隐藏元素,而不时消除元素
注意: v-show不可以在