Vue 组件按需引入

等下吃什么？

于 2022-04-15 23:03:29 发布

阅读量503

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44240581/article/details/124205936

版权

Vue 专栏收录该内容

16 篇文章

订阅专栏

【src/router/index.js】

import Vue from 'vue';
import VueRouter from 'vue-router';

// 无论组件有没有用，都会被加载
import SectionA from '../views/SectionA';
import SectionB from '../views/SectionB';
import SectionC from '../views/SectionC';

// 组件按需加载
const SectionA = (callback) => import('../views/SectionA').then( module => callback(module))

Vue.use(VueRouter)

const router = new Router({
  routes: [
    { path: '/', redirect: SectionA },
    { path: '/sectionA', component: SectionA },
    { path: '/sectionB', component: SectionB },
    { path: '/sectionB', component: SectionC }                     
  ]
})

export default router;