$ 符號在 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 組件中輕松地訪問和操縱實例狀態、事件和行為。