先來說下父傳子吧，需要先在父元件中引用子元件
這種寫法是vue文件規定的，建議這樣寫，不清楚的可以看下文件。
然後在子元件中用props物件接收一下中的msg，在把msg渲染到子元件中，這樣就完成了乙個簡單的父傳子
再說一下子傳父：
在子元件中寫乙個方法passmsg（），然後呼叫this.$emit(),第乙個引數是在父元件中寫的自定義事件，第二個引數是要傳遞的內容
箭頭所指就是this.$emit中的第乙個引數，然後在父元件中的data裡設定乙個msg接收子元件的資料，寫乙個函式showmsgs，呼叫msg接收子元件傳遞的資料
以上即是子傳父，父傳子的基本操作，希望能幫到正在學習vue的你
拓展延伸：
用this.$children()和this.$parent(),也可以完成父子元件的傳遞
下面演示下this.$children()
這裡呼叫this.$children()返回的是這個父元件下的所有子元件，返回的是乙個陣列，所以要用[0]接收一下（因為我這裡只有乙個子元件，所以用[0]）
然後就可以拿到自己想要的資料了
vue父子元件渲染順序
beforecreate created beforemount mounted beforeupdate updated activated deactivated beforedestroy destroyed errorcaptured 總結 1.beforecreate執行時 data和el...
Vue中父子元件執行的先後順序
vera 前幾天，朋友向我提出了乙個關於vue中父子元件執行的先後順序問題，相信很多朋友在學習的過程中也會遇到這個問題，所以我就在此提出我自己的一些小看法。問題如下 請問下圖中父子元件執行的先後順序？首先，我想先談一談vue的生命週期。我個人認為，從乙個例項物件被建立到例項物件被銷毀的過程就是該物件...
VUE父子元件
父頁面 actiondetail msg 子頁面呼叫父頁面的方法 this.emit parentaction 我想說的話 我是父元件 我是子元件 父元件對我說 父元件通過 prop 給子元件下發資料，子元件通過 emit觸發事件給父元件傳送訊息 1.this.children用來訪問子元件例項，要...