1、1 在Vue中，每個組件都有一個對應(yīng)的虛擬DOM樹，它是一個以組件根節(jié)點為起點的JavaScript對象2 當數(shù)據(jù)發(fā)生改變時，Vue會重新計算虛擬DOM樹的結(jié)構(gòu)，并和舊的虛擬DOM樹進行比較3 在比較過程中，Vue使用Diff算法來找出。

2、效果圖1ref 需要在dom渲染完成后才會有，在使用的時候確保dom已經(jīng)渲染完成比如在生命周期 mounted 鉤子中調(diào)用，或者在 this$nextTick= 中調(diào)用vue 問題筆記 ref獲取不到指定的DOM節(jié)點問題解決1 this$refsxxx拿到虛擬dom，可。

3、虛擬節(jié)點有如下的屬性 1sel 標簽類型，例如 pdiv 2data 標簽上的數(shù)據(jù)，例如 styleclassdata* 3children 子節(jié)點 4 text 文本內(nèi)容 5elm虛擬節(jié)點綁定的真實 DOM。

4、在 vue3 中，我們一樣可以通過為節(jié)點添加一個 ref 名稱 ，但是接下來的步驟和 vue2 有些區(qū)別 1為節(jié)點添加一個 ref 名稱 2創(chuàng)建 ref 響應(yīng)式常量并且與 DOM 節(jié)點名稱一致 ，且值為 null 3在 mounted 之后通過。

5、vue想要獲取dom元素的高，一般情況下我們都可以想到寫在mounted函數(shù)里，即dom加載完再獲取，但是結(jié)果并不如我們所想，又想到用一個this$nextTick= 函數(shù)來獲取，發(fā)現(xiàn)根本沒用啊所以好的辦法就是用一。

6、映射到真實的DOM實際上要經(jīng)歷VNode的 creatediff patch 等過程#160#160#160#160#160#160#160下面是vuejs從初始化到最終渲染的整個過程假如你想閱讀Vue源碼，這張圖應(yīng)該能夠幫到你。

7、這次給大家?guī)碓鯓邮褂胿ue判斷dom的class，使用vue判斷dom的class注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下vue點擊給dom添加class然后獲取含有class的dom itemname。

8、然后獲取到該DOM元素之后改變相應(yīng)的自定義屬性的值，vue會報錯 Avoid mutating a prop directly since the value will be overwritten whenever the parent component rerenders Instead， use a data or computed property。

9、一問題引入 原項目把一塊內(nèi)容直接寫在了模塊中瀏覽器顯示的一整個頁面，現(xiàn)在想把它提成一個單獨組件，而且把其中使用 documentgetElementById#39id#39 改為 ref 獲取元素的形式單獨創(chuàng)建一個 vue 組件，通過綁。

10、vue中的ref是把當前dom元素 “ 抽離出來 ” ，只要通過 this$refs就可以獲取到注意this指向，此方法尤其適用于父元素需要操作子組件的dom元素，這也是子傳父傳遞數(shù)據(jù)的一種方法 下面讓我來看個案例設(shè)置了一個button。

11、在vue中可以通過給標簽加ref屬性，就可以在js中利用ref去引用它，從而操作該dom元素以下是個例子Vue系列產(chǎn)品為3D自然環(huán)境的動畫制作和渲染提供了一系列的解決方案Vue系列有很多不同的產(chǎn)品，這是為了滿足不同階層的用戶。

12、我們已經(jīng)執(zhí)行完了 vm_render 方法拿到了 VNode ，現(xiàn)在將它作為參數(shù)傳給 vm_update 方法并執(zhí)行 vm_update 這個方法的作用就是就是將 VNode 轉(zhuǎn)為真實的 Dom ，不過它有兩個執(zhí)行的時機我們現(xiàn)在先來看下。

13、eventtarget觸發(fā)事件的元素對象不一定是綁定事件的對象，會因為事件冒泡變化eventcurrentTarget綁定事件的元素對象 參考vue中關(guān)于$event的通俗理解 Vue 點擊獲得父元素，子元素，兄弟元素DOM操作。

14、可以使用“$refs”獲取帶有ref屬性的元素具體用法是，“$refsref屬性名”也可以使用原生js獲取帶有id或class等屬性的元素，還可以引入jq獲取。

15、直接在標簽中添加click事件@click＝fn，然后在vue實例中的methods配置項里添加方法fn，實現(xiàn)你的功能這樣不行嗎vue框架不是不能用原生js獲取dom元素，只是用框架就是為了避免操作dom元素。