青岛做网站建公司,网站制作企业有哪些公司,数字展馆公司,互联网营销的方法当使用 来在多个组件间作切换时#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