组件切换
v-if的方式来切换视图: 创建和销毁,(导致组件的状态不能留存)
<Inbox v-if="isShow ==='InBox'"></Inbox>
<two v-if="isShow ==='two'"></two>
<three v-if="isShow ==='three'"></three>
v-show的方式切换组件: 显示和隐藏,没有办法操作DOM结构
<Inbox v-show="isShow ==='InBox'"></Inbox>
<two v-show="isShow ==='two'"></two>
<three v-show="isShow ==='three'"></three>
动态组件切换: 可以操作DOM, 并且可以留存下数据,
切换时触发的生命周期: 激活 activated
冻结 deactivated