vue 路由导入自定义组件的简单方法

818 阅读1分钟

原来我是这样做的

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

// 导入自定义组件

import eStudy from '@/view/eStudy/list'

export default new Router({
   routes:[
    {path:'/eStudy',name:'eStudy',component:eStudy,meta:{title:'产品学习 '}}
   ]
})

下面是我要说的简单方法

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

// 导入自定义组件

export default new Router({
   routes:[
    {path:'/eStudy',name:'eStudy',component:()=>import('@/view/eStudy/list.vue'),meta:{title:'产品学习 '}}
   ]
})