vue路由懶加載

安裝vue-router 

import Vue from 'vue'
import Router from 'vue-router'
const Home = () => import('@/pages/Home')

Vue.use(Router)

export default new Router({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      meta: {
        title: '加裝電梯'
      },
     } 
  ]
})

使用npm run build 打包,在dist文件夾下,js文件中可以看到

原文檔:https://router.vuejs.org/zh/guide/advanced/lazy-loading.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章