今天我們就來說一下逾条。同過Vue組件路由實(shí)現(xiàn)頁面跳轉(zhuǎn)呢,首先我的這個(gè)效果是通過底部于頭部相同之間切換,和中間的內(nèi)容切換那么我們是怎么切換的呢昭伸,我們通過點(diǎn)擊底部span里面的圖標(biāo)布隔,然后其他組件里面的文件傳值給另外的組件props相當(dāng)于是head.vue的一個(gè)屬性然后傳給子組件离陶,然后給到上圖中的heas標(biāo)簽里面的aaa里面然后實(shí)現(xiàn)頭部的文字切換
實(shí)現(xiàn)組件的切換需要先1.引入 ?2. 注冊(cè) ? 3.標(biāo)簽來實(shí)現(xiàn)窗口的實(shí)現(xiàn)
引入? importSwipfrom'./swip.vue'
注冊(cè) components:{Swip}
標(biāo)簽實(shí)現(xiàn)<swip></swip>
中間的內(nèi)容是怎么切換的呢,如下圖
是通過$emit傳值得衅檀,當(dāng)?shù)谝粡堩撁娴膱D標(biāo)發(fā)生切換的時(shí)候$on就監(jiān)聽到$emit里面的key值發(fā)送過來的Value值發(fā)生變化從而實(shí)現(xiàn)中間不分的切換