vue路由懒加载

不知道起什么名字比较酷

2021-03-29 168 阅读1分钟

`非懒加载方式：`

import Home from '@/views/home.vue'
{
  path: '/home',
  name: 'home',
  component: Home
},

`方式一：` resolve 为 promise 的 resolve 回调，组件加载成功后调用

{
  path: '/home',
  name: 'home',
  component: resolve => require(['@/views/home.vue'],resolve);
},

`方式二：`

{
  path: '/home',
  name: 'home',
  component: import('@/views/home.vue');
},

方式一和方式二的区别

import由es6官方提供

require是由webpack提供