目錄
第一步：引用echarts元件庫
第二步：main.js中全域性配置主模版
第三步：封裝echarts折線圖line元件
第四步：在需要使用頁面中引用line元件。
專案中我們一般會全域性引用echarts元件庫，開發起來方便。發現專案檔案體積過大，首屏載入也會慢。為了解決首屏載入速度問題，專案體積大的問題。方法1：這就要求我們要採用按需載入的模式。沒有使用到的echarts中元件不要引入專案中。方法2：路由採用懶載入的模式也會節省首屏載入時間。下面就是echarts折線圖按需載入例子。
命令：npm install echarts ，命令：yarn add echarts
應用場景1：如果多個頁面都需要使用echarts的圖表，建議在main.js全域性配置echats核心主模組，該模組是管理圖表初始化，渲染的。
應用場景2: 如果使用圖表的地方不多，可以不在main.js中引用主模組。也可以在封裝的折線圖元件中引用主模組。
/**
* @file 專案主入口
* @author yizuodao
*/import vue from 'vue'
import router from './router'
// plugins
import echarts from 'echarts/lib/echarts'
vue.prototype.$echarts = echarts
/* eslint-disable */
new vue()
vue元件的按需載入
一 require.ensure require.ensuire dependencies string,callback function require errorcallback function error chunkname string const list resolve list w...
vue 路由的按需載入
之前有提到過當建立乙個vue結尾的檔案的時候，則需要在router資料夾下的index頁面進行新增對應的路徑，這個是沒有錯的，但是當你進行按需載入的時候，就不在需要使用import來新增對應的路徑了 此處的路徑可以省略 放入頁面中的 const router new vuerouter中寫入，寫入的...
vue路由懶載入,元件按需載入
懶載入也叫延遲載入，即在需要的時候進行載入，隨用隨載。在單頁應用中，如果沒有應用懶載入，運用webpack打包後的檔案將會異常的大，造成進入首頁時，需要載入的內容過多，延時過長，不利於使用者體驗，而運用懶載入則可以將頁面進行劃分，需要的時候載入頁面，可以有效的分擔首頁所承擔的載入壓力，減少首頁載入用...