动态组件
<component is="组件名称"></component>
如果每一个组件内部含有 表单元素 ,默认在动态组件切换的时候,表单数据会有所丢失
可以使用 包裹动态组件,避免组件的重新渲染(手机按home键并不是退出了系统的应用程序)
如果书写形式为 ,那么表示只有 a 和 b 的组件的装填会被保留,而其余的组件都是先卸载,需要的时候再装载, a 和 b为定义组件的时候的name选项的值
组件的钩子函数有两大对比
销毁 创建 ---- 动态组件 — 不会触发 activated 和 deactivated
显示 隐藏 ------ 动态组件 + keep-alive — 所有的组件都只创建了一遍
生命周期钩子函数
beforeCreate
created
beforeUpdate
updated
beforeMount
mounted
beforeDestroy
destroyed
activated ----- 跟keep-alive配合使用 — 组件激活时调用
deactivated ----- 跟keep-alive配合使用 — 组件停用时调用