vue-router的按需加载

router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import HOME from '../pages/home.vue'
// 还有一种方式引入,import方式引入,但是不推荐,因为import引入的模块,会在加载imdex.js文件的时候,去加载所有的模块,
// 这样在初始化页面的时候,会花费很多时间,所以还是推荐懒加载
Vue.use(Router)
// 官方推荐的最新的懒加载(就是俗说的按需加载)
const Home = () => import('../pages/home.vue')
export default new Router({
  routes: [
    {
      path: '',
      component: Home
    },
    {
      path: '/HOME',
      component: HOME
    },
    {
      path: '/_home',
      // 另外一种按需加载的方式
      component: resolve => require(['../pages/home.vye'], resolve)
    }
  ]
})

猜你喜欢

转载自blog.csdn.net/lzh5997/article/details/80405547