Vue 中可以提高运行效率的内置指令：v

Vue内置指令 v-cloak、v-once、v-pre：

v-cloak 指令用于：当网速较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码（类似 {{xxx}} 这种）。可以用 v-cload 配合 CSS 解决这个问题。

v-once 指令用于：只渲染一次，首次渲染后，就不会再随着数据的变化而重新渲染了。它也可以用在组件上，使组件只加载一次。

v-pre 指令用于：不让 Vue 解析这个标签，直接输出到页面中。

v-cloak使用方法：

{{name}}

注：v-cloak 本质上是一个特殊属性，Vue 实例创建完毕并接管容器后，就会删掉 v-cloak 这个属性。

v-once 使用方法：

初始化的num值是：{{num}}

当前的num值是：{{num}}

注：当点击按钮时，添加了 v-once 的标签不会再重新渲染。

v-pre 使用方法：

不让解析：{{num}}

正常解析：{{num}}

注：Vue 在解析内容时，会跳过带有 v-pre 指令的标签。

原创作者：吴小糖

创作时间：2023.2.22