vue 按需加载组件和路由组件

1.vue 按需加载组件

• 异步组件
• import函数
• 按需加载，异步加载大组件

<!-- 异步组件 -->
<FormDemo v-if="showFormDemo"/>
<button @click="showFormDemo = true">show form demo</button>

components: {
    FormDemo: () => import('../Common/FormDemo'),
},
data() {
  return {
      showFormDemo: false,
  }
}

2.按需加载路由组件

{
  path: '/home',
  name: 'Home',
  component: () => import(/* webpackChunkName: "tabbar" */ '@/views/tabBar/home/index.vue'),
  meta: { title: '首页', keepAlive: false, showTab: true } as IRouterMeta
},