第二节：指令的使用

Posted 2020-08-20

1、v-pre 编译的时候跳过当前的元素和它的子元素。可以用来显示原始的Mustache标签。跳过大量没有指令的标签会加快编译。

　　<span v-pre>{{ this will not be compiled }}</span>

2、v-cloak 这个指令保持到元素上直到关联实例结束编译。

css:　　[v-cloak] {
            display: none;
        }

html:   <p v-cloak>{{showPrint}}</p>

3、v-once 只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

　　<span v-once>This will never change: {{msg}}</span>

这些指令也都可以串联使用：<p v-cloak v-once>{{msg}}</p>