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