Vue路由

今天我们就来说一下。同过Vue组件路由实现页面跳转呢，首先我的这个效果是通过底部于头部相同之间切换，和中间的内容切换那么我们是怎么切换的呢，我们通过点击底部span里面的图标，然后其他组件里面的文件传值给另外的组件props相当于是head.vue的一个属性然后传给子组件，然后给到上图中的heas标签里面的aaa里面然后实现头部的文字切换

实现组件的切换需要先1.引入  2. 注册   3.标签来实现窗口的实现

引入  importSwipfrom'./swip.vue'

注册 components:{Swip}

标签实现<swip></swip>

中间的内容是怎么切换的呢，如下图

是通过$emit传值得，当第一张页面的图标发生切换的时候$on就监听到$emit里面的key值发送过来的Value值发生变化从而实现中间不分的切换