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

Question

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

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

Answer 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）。

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