2020-09-24

组件切换

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