vue-實(shí)例方法 / 事件

vm.$on( event, callback )

參數(shù)

{string | Array<string>} event?(數(shù)組只在 2.2.0+ 中支持)

{Function} callback

用法

監(jiān)聽當(dāng)前實(shí)例上的自定義事件膜廊。事件可以由vm.$emit觸發(fā)×墼桑回調(diào)函數(shù)會接收所有傳入事件觸發(fā)函數(shù)的額外參數(shù)砸喻。

示例

vm.$on('test',function(msg){console.log(msg)})vm.$emit('test','hi')// => "hi"

vm.$once( event, callback )

參數(shù)

{string} event

{Function} callback

用法

監(jiān)聽一個(gè)自定義事件疲迂,但是只觸發(fā)一次。一旦觸發(fā)之后,監(jiān)聽器就會被移除募逞。

vm.$off( [event, callback] )

參數(shù)

{string | Array<string>} event?(只在 2.2.2+ 支持?jǐn)?shù)組)

{Function} [callback]

用法

移除自定義事件監(jiān)聽器。

如果沒有提供參數(shù)馋评,則移除所有的事件監(jiān)聽器放接;

如果只提供了事件,則移除該事件所有的監(jiān)聽器留特;

如果同時(shí)提供了事件與回調(diào)纠脾,則只移除這個(gè)回調(diào)的監(jiān)聽器。

vm.$emit( eventName, […args] )

參數(shù)

{string} eventName

[...args]

觸發(fā)當(dāng)前實(shí)例上的事件蜕青。附加參數(shù)都會傳給監(jiān)聽器回調(diào)苟蹈。

示例:

只配合一個(gè)事件名使用?$emit:

Vue.component('welcome-button', {template:`

? ? <button v-on:click="$emit('welcome')">

? ? ? Click me to be welcomed

? ? </button>

? `})

newVue({el:'#emit-example-simple',methods: {sayHi:function(){? ? ? alert('Hi!')? ? }? }})

Click me to be welcomed

配合額外的參數(shù)使用?$emit:

Vue.component('magic-eight-ball', {data:function(){return{possibleAdvice: ['Yes','No','Maybe']? ? }? },methods: {giveAdvice:function(){varrandomAdviceIndex =Math.floor(Math.random() *this.possibleAdvice.length)this.$emit('give-advice',this.possibleAdvice[randomAdviceIndex])? ? }? },template:`

? ? <button v-on:click="giveAdvice">

? ? ? Click me for advice

? ? </button>

? `})

newVue({el:'#emit-example-argument',methods: {showAdvice:function(advice){? ? ? alert(advice)? ? }? }})

Click me for advice

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市右核,隨后出現(xiàn)的幾起案子慧脱,更是在濱河造成了極大的恐慌,老刑警劉巖贺喝,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菱鸥,死亡現(xiàn)場離奇詭異宗兼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)氮采,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進(jìn)店門殷绍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鹊漠,你說我怎么就攤上這事主到。” “怎么了躯概?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵登钥,是天一觀的道長。 經(jīng)常有香客問我楞陷,道長怔鳖,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任固蛾,我火速辦了婚禮结执,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艾凯。我一直安慰自己献幔,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布趾诗。 她就那樣靜靜地躺著蜡感,像睡著了一般。 火紅的嫁衣襯著肌膚如雪恃泪。 梳的紋絲不亂的頭發(fā)上郑兴,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機(jī)與錄音贝乎,去河邊找鬼情连。 笑死,一個(gè)胖子當(dāng)著我的面吹牛览效,可吹牛的內(nèi)容都是我干的却舀。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼锤灿,長吁一口氣:“原來是場噩夢啊……” “哼挽拔!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起但校,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤螃诅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體术裸,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡空执,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了穗椅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡奶栖,死狀恐怖匹表,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情宣鄙,我是刑警寧澤袍镀,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站冻晤,受9級特大地震影響苇羡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鼻弧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一设江、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧攘轩,春花似錦叉存、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至笨篷,卻和暖如春瞳秽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背率翅。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工练俐, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人安聘。 一個(gè)月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓痰洒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親浴韭。 傳聞我的和親對象是個(gè)殘疾皇子丘喻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容