Vue2(選項式)
一,父組件向子組件傳遞資料:
介紹:在參考的子組件中定義 自定義屬性 msg與user.可以通過v-bind 系結要發送的資料, 在子組件中使用 props 接收自定義屬性msg與user. 可以直接在模板中使用,但是如果想要修改的話建議傳到data中,再進行修改, 代碼如下:

二,子組件向父組件傳遞資料:
介紹:先在子組件的methods方法中定義一個觸發的方法,在方法中使用 this.$emit(a,b). 定義自定義事件a. b 為要傳遞的資料, 在父組件中參考的子組件中, 使用v-bind系結 自定義事件 a. 后面設定方法c, 通過給方法c 傳參的方式,獲取從子組件傳遞過來的資料b. 代碼如下:

三,兄弟組件之間傳遞資訊
介紹:有點像把子組件a的資料傳遞給父組件,父組件再將資料傳遞給子組件b. 只不過使用了 EventBus充當了中間的傳遞物件,
①:創建愛你eventBus.js 模塊,并向外共享一個Vue的實體物件
②:在資料發送方,呼叫bus.$emit(‘事件名稱’,要發送的資料)方法觸發自定義事件
③:在資料接收方,呼叫bus.$on('事件名稱',事件處理函式)方法注冊一個自定義事件

本文來自博客園,作者:一粒金燦米,轉載請注明原文鏈接:https://www.cnblogs.com/zy-feng/p/16890512.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/533556.html
標籤:其他
上一篇:vue腳手架的使用
