學(xué)習(xí)vue組件之間的跳轉(zhuǎn)

寫好子組件模板以后在父組件模板中通過@click=‘componentName=‘子組件名字’’,定義跳轉(zhuǎn)的子組件,
在通過component 中的:is=‘cpmponentName’屬性來渲染要顯示的子組件。


2J0GYLBHZFEA`D~I1CUB{M7.png

js部分要給個默認(rèn)跳轉(zhuǎn)的子組件,



image.png

模板中的data數(shù)據(jù)是一個方法, 通過return一個json對象的方式,使用里面的值。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本文為2016年11月9日,『前端之巔』微信群在線分享活動總結(jié)整理而成,轉(zhuǎn)載請在文章開頭處注明來自『前端之巔』公眾...
    尾尾閱讀 10,878評論 3 32
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,180評論 0 29
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,657評論 19 139
  • 有一個星期沒有看書了,是忙嗎?沒有時間嗎?是,也不是。這兩天一直在反省自己,讀了那么多書,也知道很多習(xí)慣的培養(yǎng)方法...
    田心遠閱讀 625評論 5 6
  • 自從開始工作以來,由于公司是國企和崗位的特殊性,實習(xí)期的我基本上屬于賦閑養(yǎng)老狀態(tài),也就導(dǎo)致一直書荒劇荒片慌。不是好...
    淺碧青荇閱讀 244評論 0 0

友情鏈接更多精彩內(nèi)容