元件的自定義事件(通訊 父子)

2022-09-19 08:36:07 字數 554 閱讀 4483

一種元件間通訊的方式,適用於:子元件 ===> 父元件

使用場景: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...