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"]