vue中的虛擬DOM樹


什么是虛擬DOM樹?(Virtual DOM)

    虛擬DOM樹其實就是一個普通的js對象,它是用來描述一段HTML片段的

     01    當頁面渲染的時候Vue會創建一顆虛擬DOM樹

          02    當頁面發生改變Vue會再創建一顆新的虛擬DOM樹

          03    前后兩顆新舊虛擬DOM樹進行對比,Vue通過diff算法,去記錄差異的地方

     04    將有差異的地方更新到真實的DOM樹中

虛擬DOM樹有什么用? 

  vue中的虛擬DOM樹只會重新渲染頁面修改的地方,大大減少了對真實DOM樹的操作。 -------虛擬DOM樹是占內容的,但是可以幫我們提高DOM的性能。

  可以這樣理解,虛擬DOM樹是用空間(虛擬DOM樹占空間)換時間(虛擬DOM樹可以提高DOM效率)。

 

Vue  v-for 中 :key 到底有什么用?

   vue不直接操作真實的DOM樹,通過虛擬DOM樹就可以重新渲染修改的地方,影藏在背后的原理其實就是 diff 算法。

           key的作用是為了高效的更新虛擬DOM樹,提高查找的效率,一次性定位到要修改的元素

 

Vue的更新方式?

           Vue是通過對比組件自身的新舊虛擬DOM進行更新的。

 

 

aixos 怎么配置攔截器?

    只要配置了攔截器,那么所有的請求都會走攔截器

    axios.interceptors.request.use  請求攔截器

    axios.interceptors.response.use  響應攔截器

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM