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

posted @ 2020-10-15 10:20  莯汐  阅读(84)  评论(0编辑  收藏  举报