今天我们就来说一下。同过Vue组件路由实现页面跳转呢，首先我的这个效果是通过底部于头部相同之间切换，和中间的内容切换那么我们是怎么切换的呢，我们通过点击底部span里面的图标，然后其他组件里面的文件传值给另外的组件props相当于是head.vue的一个属性然后传给子组件，然后给到上图中的heas标签里面的aaa里面然后实现头部的文字切换
实现组件的切换需要先1.引入 2. 注册 3.标签来实现窗口的实现
引入 importSwipfrom'./swip.vue'
注册 components:{Swip}
标签实现<swip></swip>
中间的内容是怎么切换的呢，如下图
是通过$emit传值得，当第一张页面的图标发生切换的时候$on就监听到$emit里面的key值发送过来的Value值发生变化从而实现中间不分的切换
