Vue Lazy Loading

lazy-in-component.vue

components: {
  AsyncComponent: () => import('./AsyncComponent'),
  /**
  With named export, use Object Destructuring on the returned Promise.
  */
  AsyncComponent2: () => import('AsyncComponentLib').then(({ AsyncComponent2 }) => AsyncComponent2),
},

lazy-vue-router.js

const UserEdit = () => import('./user-edit.vue');

new VueRouter({
  routes: [
    {
      path: "/user-edit",
      component: UserEdit,
    },
    {
      path: "/alternate",
      component: () => import('./alternate.vue'),
    }
  ]
});

lazy-vuex-module.js

const store = new Vuex.Store();

import('./store-modules/user').then(userModule => {
  store.registerModule('user', userModule)
});