您好,登錄后才能下訂單哦!
使用vue2.0怎么實現(xiàn)父子組件間傳遞數(shù)據(jù)?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
1.parent.vue
<template> <child :child-msg="msg" @ok="event"></child> </template> <script> import child from './child.vue'; export default { data(){ return{ msg:'hello worldgogo' } }, components:{ child }, methods:{ event(val){ console.log(val); } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> </style>
2.child.vue
<template> <p>{{childMsghello}}</p> </template> <script> export default { props: ['childMsg'], data(){ return{ childMsghello:this.childMsg+'this is child' } }, created(){ //自定義事件,并且給監(jiān)聽此事件的回調(diào)函數(shù)的值設(shè)為200 this.$emit('ok','200'); } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> </style>
Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運行速度快等優(yōu)勢,Vue中頁面使用的是局部刷新,不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom,可以大大提升訪問速度和用戶體驗。
關(guān)于使用vue2.0怎么實現(xiàn)父子組件間傳遞數(shù)據(jù)問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。