Vue執(zhí)行方法,方法獲取data值,設(shè)置data值,方法傳值操作

1、Vue執(zhí)行方法，方法獲取data值，設(shè)置data值，方法傳值操作方法寫(xiě)在et中v-on:click=run()click=run()方法獲取data中的數(shù)據(jù)通過(guò)t數(shù)據(jù)獲取方法設(shè)置data中的數(shù)據(jù)通過(guò)t數(shù)據(jù)設(shè)置例如通過(guò)t，設(shè)置的值3讓頁(yè)面出循環(huán)t可通過(guò)，將值傳到方法中可通過(guò)，將事件ev象傳到方法中，然后根據(jù)事件對(duì)象的e設(shè)置點(diǎn)擊標(biāo)簽的屬性，也可以通過(guò)eee獲取自定義屬性templateddabuttbuttbuttbuttul/ulbuttbuttbuttbuttbutt事件觸發(fā)utt事件觸發(fā)utt獲取dataetutt設(shè)置dataetutttette設(shè)置的值utt方法傳值atautt傳遞事件對(duì)象

2、etutteeted專(zhuān)遞事件對(duì)象；并設(shè)置背景色utt啦啦啦aede傳遞事件對(duì)象，(并獲取自定義屬性u(píng)tttemplateetdeautaeadataetu5t:5ethods:runt)aet事件觸發(fā),runvont)aet事件觸發(fā),getMsgt)a我獲取到了t,setMsgt)t我是設(shè)置后的值,setListt)attuendDatata)a穿過(guò)來(lái)的值是：a5endEventte)le.logte),endEventSette)e.srcElement.style.ba5und=red,sendEventData(e)alert(e.srcElement.dataset.a)補(bǔ)充知識(shí)：Vu

3、e兄弟組件通過(guò)事件廣播傳遞數(shù)據(jù)非父子組件傳值通過(guò)事件廣播實(shí)現(xiàn)非父子組件傳值1新建js，引入并實(shí)例化VueimportVuefromvuevarVueEvent=newVue();exportdefaultVueEvent;子組件A中引入VueEvent,并廣播事件importVueEventfrom./model/VueEvent.jsVueEvent.$emit(to-news,this.msg);子組件B中引入VueEvent,并監(jiān)聽(tīng)事件importVueEventfrom./model/VueEvent.jsVueEvent.$on(to-news,data=console.log(da

4、ta););示例代碼importVuefromvuevarVueEvent=newVue();exportdefaultVueEvent;vbuttonclick=sendMsg()我來(lái)觸發(fā)事件v/buttonimportVueEventfrom./models/VueEvent.js;exportdefaultdata()returnmsg:我是Home的msg;,methods:sendMsg()VueEvent.$emit(tonews,this.msg);我來(lái)接受事件-msgimportVueEventfrom./models/VueEvent.js;exportdefaultdata()returnmsg:我是News的msg;,mounted()VueEvent.$on(tonews,res=this.msg=res;);importHomefrom./components/Home.vue;importNewsfrom./components/News.vue;exportdefaultname:app,data()returnmsg:WelcometoYourVue.jsApp;,components:v-home:Home,v-news:New