Vue 2.0 中的 mount 方法是使 Vue 實例與 DOM 產生聯系的方式之一,它將 Vue 實例掛載到指定的 DOM 元素上。
通過 mount 方法,Vue 可以利用它的響應式系統,監聽數據的變化,并驅動 DOM 的變化,實現雙向綁定。在使用 mount 方法時,需要指定 Vue 實例所關聯的 DOM 元素,例如:
new Vue({ el: '#app' })
在這個例子中,我們將 Vue 實例掛載到 id 為 app 的 DIV 元素上。在掛載過程中,Vue 會將 DOM 元素關聯到實例的 $el 屬性上,以便讓實例可以通過 $el 屬性訪問 DOM 元素,例如:
new Vue({ el: '#app', mounted: function() { console.log(this.$el) // 打印出關聯的 DOM 元素 } })
在 Vue 實例的生命周期中,mounted 鉤子函數表示 Vue 實例和關聯的 DOM 元素已經創建完成。在 mounted 鉤子函數中,我們可以訪問實例的 $el 屬性,以及執行其他一些操作。
除了使用 el 選項指定關聯的 DOM 元素,我們也可以在應用程序中使用 $mount 方法手動掛載 Vue 實例:
var app = new Vue() app.$mount('#app')
這個例子和上面的例子是等價的,只不過我們使用了 $mount 方法手動掛載了實例。