Vue使用$el屬性可以獲取到當(dāng)前組件實(shí)例所掛載的元素。可以通過$el屬性來對(duì)組件進(jìn)行基本的DOM操作。

new Vue({
el: '#app',
mounted() {
console.log(this.$el) // 獲取#app元素
}
})

上面的代碼中，使用了$el屬性來獲取掛載元素#app，然后將其打印到控制臺(tái)中。

另外，$el屬性在組件渲染完成后才能訪問到。因此，在使用$el進(jìn)行DOM操作時(shí)，需要在組件渲染完成后再進(jìn)行操作。

new Vue({
el: '#app',
mounted() {
this.$nextTick(() =>{
// 在DOM更新完畢后，再對(duì)DOM進(jìn)行操作
this.$el.innerHTML = '
Hello Vue!
'
})
}
})

上面的代碼中，使用了$nextTick方法來等待DOM更新完成。然后，再使用$el屬性將#app元素的innerHTML更新為"Hello Vue!"。