在Vue中,我們可以使用$.mount
方法來掛載Vue實例到DOM元素上。該方法可以接受一個DOM元素選擇器或者一個實際的DOM元素作為參數,并將Vue實例掛載到該DOM元素上。下面是一個簡單的例子:
var vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
vm.$mount('#app');
首先我們創建了一個Vue實例,并設置其el
屬性為'#app'
,這意味著該Vue實例將會掛載到具有id="app"
的DOM元素上面。接著,我們調用$mount
方法,并傳入同樣的參數'#app'
。這樣,Vue實例就會被掛載到該DOM元素上。
另外,$mount
方法還可以不傳入參數,這樣Vue實例將不會被掛載到任何DOM元素上,需要手動調用.$el
來手動掛載:
var vm = new Vue({
data: {
message: 'Hello Vue!'
}
});
vm.$mount();
document.body.appendChild(vm.$el);
這里我們先創建了一個Vue實例,并沒有設置el
屬性。接著,我們調用$mount
方法,此時Vue實例不會被掛載到任何DOM元素上。然后我們通過document.body.appendChild
方法將Vue實例手動掛載到
總之,$mount
方法是Vue中非常重要的一個方法,它可以讓我們動態地掛載Vue實例到DOM元素上,非常方便。
上一篇vue java 渲染
下一篇vue $.off