Vue.js-美元前缀的含义?

mic*_*ech 5 vue.js

Vue.js中,美元字符作为属性名称之前的前缀是什么意思?

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

ski*_*tle 33

Vue 中$_前缀的使用解释如下:

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

具体在详细说明部分。

_ 用于私有实例属性:

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

$ 用于公共实例属性:

至于 $ 前缀,它在 Vue 生态系统中的目的是暴露给用户的特殊实例属性......

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


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

  • Vuex 添加$store.
  • Vue Router 添加$route$router.

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

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

在所有这些情况下,该$属性都可以作为未来开发人员的一个指标,表明属性是在别处定义的,而不是在当前组件中定义的。