<template> <div> <component :is="currentCompoent['TP']" ></component> <component :is="currentCompoent['DP']" ></component> </div> </templ
<template> <div @click="change">自由浏览</div> <component :is="CurrentCompoent[current]" ></component> </template> import { defineAsyncComponent, markRaw, reactive, ref } from 'vue&
异步组件 | Vue.js https://v3.cn.vuejs.org/guide/component-dynamic-async.html#%E5%BC%82%E6%AD%A5%E7%BB%84%E4%BB%B6 Webpack的代码分包 默认的打包过程： 默认情况下，在构建整个组件树的过程中，因为组件和组件之间是通过模块化直接依赖的，那么webpack在打包时就会将组件模块打
3.Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components/Child.vue')) 使用Suspense包裹组件，并配置好default 与 fallback <temp
有一说一，上一篇写到关于响应性的问题，该部分内容拿到这边整理难度较大，所以还是遵循顺序，先整理简单地部分，之后再整合起来。 在动态组件上使用keep-alive 来看一个例子： 我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同的组件： <component :is="currentTabComponent"></
