一種元件間通訊的方式,適用於:子元件 ===> 父元件
使用場景:a是父元件,b是子元件,b想給a傳資料,那麼就要在a中給b繫結自定義事件(事件的**在a中)。
繫結自定義事件:
第一種方式:在父元件中:
第二種方式:在父元件中:
......
mounted() )
}
若想讓自定義事件只能觸發一次,可以使用once
修飾符,或$once
方法。
觸發自定義事件:this.$emit('test',引數1,,引數2)
解綁自定義事件:this.$off('test')
元件上也可以繫結原生dom事件,需要使用native
修飾符。
注意:通過this.$refs.***.$on('test', **)
繫結自定義事件時,**樣麼配置在methods中,樣麼用箭頭函式,否則this指向會出問題!
自定義元件,元件通訊
在專案開發時,採用元件化得思想開發,搭建專案時,src下有views目錄,一般放頁面級元件,在建立乙個comment目錄來放公共元件,比如頭部元件和底部元件,然後在建立乙個feature目錄來放功能元件,比如輪播元件,上拉載入更多元件,搜尋元件,tabbar元件等,元件提公升專案得開發效率,解決了傳...
flex自定義元件和自定義事件
看了乙個帖子,自己寫了一下。主要講了自定義元件跟自定義事件。先看一下自定義事件。就跟在殿堂之路中寫道一樣。如生活,理解 就如理解生活一樣一樣的。什麼是事件,事件是怎麼運作的呢?我是這樣理解的 比如去了一家餐館就餐,首先要制定服務員 我要求穿白裙子的那個美女為我服務 端茶倒水,上菜 所以我落座後,說的...
vue自定義元件,插槽,自定義事件
vue.component 自定義元件名 自定義模板 裡面套html標籤,可以取屬性的值 vue.component lover new vue script lover div 自定義元件模板 bitqian標籤 vue.component bitqian new vue script v for...