v-pre, v-once, v-cloak

v-pre,是将元素内的内容全部渲染出来

最常见的就是显示双大括号标签及内容

 上面的代码输出为:

 直接将元素的内的内容直接渲染出来

v-once是用来将元素的值只进行一次变化，仅渲染元素和组件一次，并跳过之后的更新

 上述代码中，当经过了两秒输出为：

 

<div v-once>这个元素的值的渲染并没有变成200
v-once：仅渲染元素和组件一次，并跳过之后的更新

v-cloak：如果v-cloak绑定的元素的值为空，则该元素不会被渲染，元素有值的话，该元素才会被渲染

输出页面为：

 

在v-cloak绑定的元素中，一开始的text2没值，不会被渲染，在过了两秒后，定时器执行，

页面显示为：text2的元素被渲染了。因为text2有值了

又过了两秒，text2被赋值为' '，text2元素不被渲染

总结： v-cloak绑定的元素，有值则显示，没值就不显示

v-cloak的使用需在CSS写上规则，才能有效