阅读 30

vue路由懒加载

非懒加载方式:

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提供

文章分类
前端
文章标签