我想把自己路由配置里的 組件改寫成異步與懶加載的形式 查了一下資料 發(fā)現(xiàn)好像有兩種寫法 想了解這兩種寫法有什么大的區(qū)別嗎 還是說只是語法和寫法上的不同呢

vue官網(wǎng)寫法：

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') }
    ]
  })
}

這個應(yīng)該是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) }
    ]
  })
}