1.$refs的使用場(chǎng)景
目前累計(jì)服務(wù)客戶上千,積累了豐富的產(chǎn)品開發(fā)及服務(wù)經(jīng)驗(yàn)。以網(wǎng)站設(shè)計(jì)水平和技術(shù)實(shí)力,樹立企業(yè)形象,為客戶提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。創(chuàng)新互聯(lián)始終以務(wù)實(shí)、誠(chéng)信為根本,不斷創(chuàng)新和提高建站品質(zhì),通過(guò)對(duì)領(lǐng)先技術(shù)的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究、對(duì)客戶形象的視覺(jué)傳遞、對(duì)應(yīng)用系統(tǒng)的結(jié)合,為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進(jìn)步。
父組件調(diào)用子組件的方法,可以傳遞數(shù)據(jù)。
父組件:
子組件:
2.$emit的使用
子組件調(diào)用父組件的方法并傳遞數(shù)據(jù)。
子組件:
父組件:
//父組件通過(guò)監(jiān)測(cè)my-event事件執(zhí)行一個(gè)方法,然后取到子組件中傳遞過(guò)來(lái)的值。 3.$on的使用場(chǎng)景
兄弟組件之間相互傳遞數(shù)據(jù)。
首先創(chuàng)建一個(gè)Vue的空白實(shí)例(兄弟組件的橋梁)
import Vue from 'vue'; export default new Vue();子組件A:發(fā)送放使用$emit自定義事件把數(shù)據(jù)帶過(guò)去。
A組件-{{msg}}子組件B:接收方通過(guò)$on監(jiān)聽自定義事件的callback接收數(shù)據(jù)
B組件,A傳的數(shù)據(jù)為--{{msg}}父組件:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
新聞名稱:vue中$refs,$emit,$on,$once,$off的使用詳解
本文鏈接:http://weahome.cn/article/ijsghg.html