龙岗网站 建设深圳信科,网站切图大图,wordpress用oss图床,帝国cms 网站地图当使用 来在多个组件间作切换时#xff0c;被切换掉的组件会被卸载。我们可以通过组件强制被切换掉的组件仍然保持“存活”的状态。
组件切换
button click“changeComponentHandle”切换
在大型项目中#xff0c;我们可能需要拆分应用为更小的块#xff0c;并…当使用 来在多个组件间作切换时被切换掉的组件会被卸载。我们可以通过组件强制被切换掉的组件仍然保持“存活”的状态。
组件切换
button click“changeComponentHandle”切换
在大型项目中我们可能需要拆分应用为更小的块并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent方法来实现此功能
templateh3组件切换/h3keep-alivecomponent :iscurrentTab/component/keep-alivebutton clickchangeComponentHandle切换/button
/template
script
import { defineAsyncComponent } from vue
import ComponentA from ./components/ComponentA.vue
const AsyncComponentB defineAsyncComponent(() import(./components/ComponentB.vue)
)
export default {components: {ComponentA,AsyncComponentB},data() {return {currentTab: ComponentA,}},methods: {changeComponentHandle() {this.currentTab this.currentTab ComponentA ? AsyncComponentB : ComponentA}}
}
/script
