在vue中如何做到子元件向父元件傳值

下面我就為大家分享一篇vue 子元件向父元件傳值方法，具有很好的參考價值，希望對大家有幫助。

子元件註冊觸發事件，父元件註冊觸發器元件事件後的方法寫在method裡面

父元件這麼寫

#

<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
   listenToMyBoy: function (somedata){
    this.childWords = somedata
   }
  }

子元件component-a這麼寫

<button v-on:click="onClickMe">like!</button>
methods: {
  onClickMe: function(){
  this.$emit(&#39;child-say&#39;,this.somedata);
  }
 }

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

透過在vue專案中使用ueditor（詳細教學）

透過在vue專案中引入noVNC遠端桌面的方法步驟有哪些

利用nodejs爬蟲使用superagent和cheerio的方法

#

以上是在vue中如何做到子元件向父元件傳值的詳細內容。更多資訊請關注PHP中文網其他相關文章！