javascript - Vue.js 中的美元前缀 ($) 是什么意思？

Question

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

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

标签： javascriptvue.jsvuejs2dollar-sign

Answer 1

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

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

具体在详细说明部分。

_用于私有实例属性：

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

$用于公共实例属性：

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

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

---

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

• Vuex 增加了$store.
• Vue 路由器添加$route和$router.

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

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

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