兩種方法：
1.運(yùn)用require直接寫
? ? ? ? ? ?export const constantRouterMap = [
? ? ? ? ? ? ? ? ? ?{path:'/',component:resolve => require(['../pages/home.vue'], resolve),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? children:[
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?{path:'/app',component:resolve => require(['../pages/app.vue'], resolve),name:'app'},
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {path:'/web',component:resolve => require(['../pages/web.vue'], resolve),name:'web'}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?]
? ? ? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // { path: '*',component:"Error"}
? ? ? ? ? ?]
2.運(yùn)用import,這也是官方文檔的寫法
? ? ? ? ? ? ?const Home = () => import('../pages/home.vue')
? ? ? ? ? ? ?const App = () => import('../pages/app.vue')
? ? ? ? ? ? ?const Web = () => import('../pages/web.vue')
? ? ? ? ? ? ?export const constantRouterMap = [
? ? ? ? ? ? ? ? ? ? ?{path:'/',component:Home,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?children:[
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? {path:'/app',component:App},
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?{path:'/web',component:Web}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?]
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ?]
import和require的區(qū)別是什么呢路媚？
require是node.js （common.js）的語法窘面，而import是ES6的語法;require引入的值是一個值得拷貝，而ES6引入一個值蓄喇，引入的是這個值的引用
