Composition api (六) 使用 emits

在setup中使用emit

內層

今天有一個內層的card元件,在setup的第一個參數是props,第二個參數是context,這個context物件就包含emit方法。

所以可以用解構的方式將emit方法取出

在card元件內用emit將事件傳送到外層

外層

在外層用一個function來執行emit打出來後的事件。

在card則依照前內後外的原則來串接內外層的事件,如上圖,內層打出push-data事件後,外層的getData就會接收來執行。