$ 符號在 vue 中表示當前實例,提供對實例屬性、事件總線、生命周期鉤子和特殊功能的訪問權限,包括訪問數據對象、觸發和監聽事件、獲取實例引用和檢查根實例。
Vue 中 $ 符號的作用
在 Vue.js 中,$ 符號是一個特殊變量,它代表正在操作的當前實例。它提供了對以下內容的訪問權限:
1. 實例屬性和方法
$data:實例的數據對象
$props:實例的屬性對象
$methods:實例的方法對象
$computed:計算屬性對象
$watch:監聽屬性對象
2. 事件總線
$emit:觸發事件
$on:監聽事件
$once:監聽事件(僅觸發一次)
$off:移除事件監聽器
3. 生命周期鉤子
$beforeCreate
$created
$beforeMount
$mounted
$beforeUpdate
$updated
$beforeDestroy
$destroyed
4. 其他功能
$root:獲取根 Vue 實例
$refs:訪問組件的引用
$parent:獲取父組件實例
$children:獲取子組件實例
使用示例:
<code class="js">methods: {
increment() {
this.$data.count++ // 訪問數據對象
}
},
mounted() {
this.$on('my-event', this.handleEvent) // 監聽事件
},
created() {
console.log(this.$root) // 獲取根實例
}</code>
登錄后復制
利用 $ 符號,開發者可以在 Vue 組件中輕松地訪問和操縱實例狀態、事件和行為。






