vue路由懒加载方式

方式一:结合Vue的异步组件和Webpack的代码分析

  const Home = resole => {require.ensure(['../components/Home.vue'],() => {resolve(require('../components/Home.vue'))})};

方式二:AMD写法

  const About = resolve => require(['../components/About.vue'],resolve);

方式三:在ES6中,我们可以有更加简单的写法来组织Vue异步组件和Webpack的代码分割。

  const Home = () => import('../components/Home.vue')

作者: 莯汐

出处: < http://www.cnblogs.com/Eileen-lu/>

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在页面明显位置给出原文链接。

原文地址:https://www.cnblogs.com/Eileen-lu/p/13819025.html