路由的懶載入

懶載入也叫延遲載入，即在需要的時候進行載入，隨用隨載入。在單頁應用中，如果沒有應用懶載入，運用webpack打包後的檔案將會異常的大，造成進入首頁時，需要載入的內容過多，延時過長，不利於使用者體驗，而運用懶載入則可以將頁面進行劃分，需要的時候載入頁面，可以有效的分擔首頁所承擔的載入壓力，減少首頁載入用時。

非按需載入則會把所有的路由元件塊的js包打在一起。當業務包很大的時候建議用路由的按需載入（懶載入）。
按需載入會在頁面第一次請求的時候，把相關路由元件塊的js新增上；

:webpackChunkName 是為預載入的檔案取別名,作用就是webpack在打包的時候，對非同步引入的庫程式碼（lodash）進行程式碼分割時為分割後的程式碼塊取得名字

{
  path: '/about',
  name: 'about',
  component: () => import('@/views/About')    //採用了路由懶載入方式(非同步元件+webpack程式碼分割)
  //如果需要改名字的話
// component:()=>import(/*webpackChunkName:'center'*/"@/views/Center"),
}
//ES5寫法
component:resolve=>require(["@/views/About"],resolve)