vue当中的$使用方法
在 Vue 中,$
符号通常用作实例属性的前缀,表示某些特殊的属性和方法。这些属性和方法可以通过 this.$
来访问。以下是对 Vue 2 和 Vue 3 中 $
的使用规则的详细解释,包括组件式和选项式 API 的区别,以及在 main.js
中如何定义可以被 $
应用的内容。
一、组件式 API 和选项式 API 的区别
-
选项式 API(Options API)
- 通过定义 Vue 实例的选项对象(如
data
、methods
、computed
等)来创建组件。 - 访问
$
前缀的属性和方法时,通常在this
上下文中进行。
// Vue 2.x 中的选项式 API 示例 new Vue({ el: '#app', data() { return { message: 'Hello Vue!' }; }, methods: { greet() { // 使用 this.$ 表达式访问属性 alert(this.message); } }, mounted()
- 通过定义 Vue 实例的选项对象(如