在Vue中,DOM (Document Object Model) 查找是非常重要的。DOM 是網(wǎng)頁的基礎(chǔ),是HTML和XML文檔的編程接口。
使用Vue時,我們可以使用vue所提供的選擇器查找元素。下面是一個簡單的例子:
let el = document.querySelector('#app');
new Vue({
el: el
});
在上面的代碼中,我們使用document.querySelector('#app')方法查找id為app的元素。在Vue2.0之后,這種方法被棄用,取而代之的是$refs,下面是一個例子:
new Vue({
el: '#app',
template: '',
mounted: function(){
let myDiv = this.$refs.myDiv;
}
});
在上面的代碼中,我們在Vue的根元素上定義了一個ref屬性,然后使用this.$refs獲取到元素的引用。除了$refs,我們還可以使用document.getElementById、document.getElementsByClassName、document.getElementsByTagName等方法查找元素,但這些操作會創(chuàng)造一個對應元素的VNode,可能會影響性能。