隐藏 {{ Mustache }} 时 Vue.js 中 v-text 和 v-load 的区别？

Question

在 Vue 中处理“未编译内容的闪存”时，页面加载的瞬间（或更长时间），您会看到 {{ Mustache }}，我见过有人同时使用 v-text 和 v-cloak。

使用 v-text，文档说：

更新元素的textContent。如果需要更新部分 textContent，你应该使用 {{ Mustache }} 插值。

使用 v-cloak：

该指令将一直保留在元素上，直到关联的 Vue 实例完成编译。结合CSS规则如 [v-cloak] { display: none }，这个指令可以用来隐藏 在 Vue 实例准备好之前，未编译的 mustache 绑定。

所以听起来如果我不需要更新textContent，我可以使用其中任何一个来获得相同的结果。除此之外，v-text 和v-cloak 之间有什么区别？在隐藏{{ Mustache }} 方面，一个比另一个更好吗？

Answer 1

v-text 用于将元素的整个 textNode 设置为某个值。当您想要影响所有文本内容时，它旨在代替{{}}。但是，v-cloak 用于隐藏元素直到编译完成。