问vue.js 组件加载问题？

提问于 2017-11-20 16:04:33

回答 1关注 0查看 323

查了一下资料发现把自己路由配置里的组件改写成异步与懒加载的形式，好像有两种写法想了解这两种写法有什么大的区别吗还是说只是语法和写法上的不同呢

vue官网写法：

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

export function createRouter () {

  return new Router({

    mode: 'history',

    routes: [

      { path: '/', component: () => import('./components/Home.vue') },

      { path: '/item/:id', component: () => import('./components/Item.vue') }

})

这个应该是commonJS写法：

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

export function createRouter () {

  return new Router({

    mode: 'history',

    routes: [

      { path: '/', component: resolve => require(['./components/Home.vue'],resolve) },

      { path: '/item/:id', component: resolve => require(['./components/Item.vue'],resolve) }

})

和开发者交流更多问题细节吧，去写回答

相似问题