Emit 觀念與使用


Posted by hoyi-23 on 2021-08-09

不太清楚 Props 可以參考這篇 Props 觀念與使用


Props 是從父層傳遞到內層內件的方式
而 emit 就是由內層往外層的方式啦!

假設今天有一個元件,元件內包含一個觸發的按鈕,按下去後需要觸發外層的其他東西,就需要使用emit將觸發傳出去!!


CodePen 練習

內層元件有個incrementCounter的觸發事件!
我們先在內層寫入incrementCounter的methods,
incrementCounter的這個內層觸發事件,觸發後要影響外層,就需要在內層的methods內寫,

<div id="app">
  <h2>透過 emit 向外傳遞資訊</h2>
  我透過元件儲值了 {{ cash }} 元
  <button-counter @increment="incrementTotal"></button-counter>
  <hr>
  <button-counter></button-counter>
</div>











Related Posts

[ 實作問題 ] 部署使用 Nginx 出錯

[ 實作問題 ] 部署使用 Nginx 出錯

每日心得筆記 2020-07-12(日) 完成一個月學習!

每日心得筆記 2020-07-12(日) 完成一個月學習!

Day00-Lavarel新手接觸

Day00-Lavarel新手接觸


Comments