Vue基本语法——插值语法

1.1插值语法

1.1.1 mustache语法

如果我们希望把数据展示到模板（template）中，使用最多的是Mustache语法（双大括号）的文本插值：

1.1.2 v-once

用于指定元素或者组件只渲染一次：

当数据变化时，元素或组件将视为静态内容并跳过；

该指令可以用于性能优化；

1.1.3 v-text

用于更新元素的textContent：

1.1.4 v-html

默认情况下，如果我们展示的内容本身是html的，那么vue并不会对其进行特殊的解析。

若希望这个内容被Vue可以解析出来，那么可以使用v-html来展示：

1.1.5 v-pre

v-pre用于跳过元素和它的子元素的编译过程，显示原始的Mustache标签；

跳过不需要编译的节点，加快编译速度；

1.1.6 v-cloak

这个指令保持在元素上直到关联组件实例结束编译。

和CSS规则如[v-cloak] { display: none } 一起用时，就可以隐藏未编译的Mustache标签直到组件实例准备完毕。

<div>不会显示，直到编译结束。