路由懶加載 當打包構建應用時，Javascript 包會變得非常大，影響頁面加載速度。如果我們能把不同路由對應的組件分割成不同的代碼塊，然后當路由被訪問的時候才加載對應組件，這樣就更加高效了。 結合 Vue 的異步組件和 Webpack 的代碼分割功能，輕松實現路由組件的懶加載 ...

因為不采用異步更新，在每次更新數據都會對當前組件進行重新渲染。所以為了性能考慮，vue 會在本輪數據更新后，再去異步更新視圖。 ...

動態組件和異步組件其實在實際開發中是經常需要用到的。之前自己的做法總是根據選中的狀態去判斷該顯示的內容，一直忽略了vue里面本身就有的這么個功能 基本使用： is的值可以食一個已經注冊的組件的名字或者一個組件的選擇對象 如果我們需要頻繁的切換頁面，可以使用keep-alive ...

在動態組件上使用keep-alive 我們之前曾經在一個多標簽的界面中使用is特性來切換不同的組件： Vue.js的動態組件模板 ``` <component v-bind:is="currentTabComponent"></component> //失 ...

背景： 目前我們項目都是按組件划分的，然后各個組件之間封裝成產品。目前都是采用iframe直接嵌套頁面。項目中我們還是會碰到一些通用的組件跟業務之間有通信，這種情況下iframe並不是最好的選擇，iframe存在跨域的問題，當然是postMessage還是可以通信的，但也並非是最好的。目前 ...

https://segmentfault.com/a/1190000015080442 https://www.jianshu.com/p/40a364b5e964 ...

異步組件：頁面需要用到時候才從服務端加載的組件。 最近研究了vue性能優化，涉及到vue異步組件。一番研究得出如下的解決方案。 原理：利用webpack對代碼進行分割是異步調用組件前提。下面介紹的是怎么實現異步組件。 案例： 首先是組件，創建四個組件分別命名為first、second ...

vue組件的更新：異步、批量 Vue組件的更新： 異步 批量 主要利用瀏覽器事件輪詢的微任務機制來實現組件的異步批量更新。 當偵測到數據變化，vue會開啟一個隊列，將相關聯的Watcher實例存入隊列，將回調函數存入callbacks隊列。異步執行回調函數，遍歷watcher ...