vue.js v-cloak是啥意思

Posted 2023-03-09

v-cloak这个作用是什么呀

作用是取消数据绑定时出现的代码闪烁。在angular里面则是用ng-cloak指令。
example1:
<span>price</span>
example2:
<span v-bind="price"></span>
example3:
<span v-cloak>price</span>
事实上例子2和例子3实现的效果是一样的，而例子1在vuejs解析price之前，用户是可以看到"price"这个字符串的。而例子2和例子3不会有这种闪烁的情况。 参考技术A

作用是取消数据绑定时出现的代码闪烁。

在angular里面则是用ng-cloak指令。

example1:

<span>price</span>

example2: 

<span v-bind="price"></span>

example3: 

<span v-cloak>price</span>

事实上例子2和例子3实现的效果是一样的，而例子1在vuejs解析price之前，用户是可以看到"price"这个字符串的。而例子2和例子3不会有这种闪烁的情况。

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue.js 中的美元前缀 ($) 是啥意思？

【中文标题】Vue.js 中的美元前缀 ($) 是啥意思？

【英文标题】：What does the dollar prefix ($) mean in Vue.js?Vue.js 中的美元前缀 ($) 是什么意思？

【发布时间】：2019-11-14 19:53:20

【问题描述】：

Vue.js 中属性名前的美元字符/符号前缀是什么意思？

例如：this.$emit('clicked', 'demo')

【问题讨论】：

你可以参考这个文档。 vuejs.org/v2/style-guide

看起来他们将它用于默认或内部属性，例如见vuejs.org/v2/api/#Instance-Properties，但我找不到明确说明。

@cello 是的。确切地。人们没有找到关于含义的具体内容。

这里是关于 $emit 选项的更多信息：Vue $emit

【参考方案1】：

这里解释了Vue中$和_前缀的使用：

https://vuejs.org/v2/style-guide/#Private-property-names-essential

具体在详细说明部分。

_ 用于私有实例属性：

Vue 使用 _ 前缀来定义自己的私有属性...

$ 用于公共实例属性：

至于 $ 前缀，它在 Vue 生态系统中的用途是向用户公开的特殊实例属性...

两者都用于避免与组件创建者选择的属性名称发生冲突，例如 props 和 data 属性。

---

$ 前缀不仅被 Vue 的核心 API 使用。向组件添加属性的库也经常使用它。例如：

Vuex 添加了$store。 Vue Router 添加了$route 和$router。

这些都是官方支持的库，但许多第三方库也是如此。

它也可以被创建全局属性的应用程序代码使用。一个常见的例子是将$http 添加到Vue.prototype（或Vue 3 中的globalProperties）。

在所有这些情况下，$ 向未来的开发人员表明属性是在其他地方而不是在当前组件中定义的。