Vue组件懒加载和路由懒加载

Vue组件懒加载和Vue路由懒加载

这里只记录了router层面上的懒加载方法，还有在*.vue中各种懒加载的方法，例如：需要的时候import组件，用完destory等等。

Vue组件的懒加载

vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .
但是,这种情况下一个组件生成一个js文件

router.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
Vue.use(Router);

export default new Router({
   
  routes: [
    {
   
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },{
   
      path: '/Dom/:name',
      name: 'Dom',
      component: resolve => require(["@/components/Dom"],resolve)
    },{
   
      path: '/DomChild/:DomChild',
      name: 'DomChild',
      component: resolve => require(["@/components/DomChild"]