在 vue.js 中，$ 符號代表 vue 實例本身，提供了對組件數據、方法和生命周期方法的快捷訪問，等同于 this 關鍵字。具體用途包括：訪問數據：$data調用方法：$methods執行生命周期方法：$ 生命周期方法訪問嵌套組件實例：$refs獲取 vue 實例屬性：$el（dom 元素）或 $router
Vue 中 $ 的含義
在 Vue.js 中，美元符號 ($) 是一個特殊的對象，它提供了對 Vue 實例的快捷訪問。它等同于 this 關鍵字，但更方便，因為它可以在任何 Vue 組件或方法內使用，而無需顯式綁定。
用途
$ 主要用于以下目的：
訪問數據： $ 即 Vue 實例的 data 屬性，可用于訪問組件的數據屬性。
訪問方法： $ 即 Vue 實例的 methods 屬性，可用于調用組件的方法。
訪問生命周期方法： $ 即 Vue 實例的生命周期方法，可用于在組件生命周期的不同階段執行代碼。
訪問其他實例： 在嵌套組件中，$ 可用于訪問父級或子級組件的實例。
訪問 Vue 實例的屬性： $ 可用于訪問 Vue 實例的屬性，例如 $el（DOM 元素）或 $router（Vue Router 實例）。
示例
以下是使用 $ 的一些示例：
<code class="javascript">// 訪問數據
console.log(this.data.message); // 與 $data.message 等效
// 訪問方法
this.methods.greet(); // 與 $methods.greet() 等效
// 訪問生命周期方法
created() {
// 這里可以訪問 this 或 $
console.log(this.$el); // DOM 元素
}
// 訪問嵌套組件實例
<child-component ref="child"></child-component>
this.$refs.child.doSomething(); // 調用子組件的方法</code>
登錄后復制
提示
盡量避免過度使用 $，因為它會讓代碼更難懂。
在方法或生命周期鉤子中使用 $ 時，確保將其與 this 互換使用。
對于嵌套組件，使用 $ 訪問子級組件實例時，確保在模板中添加 ref 屬性。
