父子组件传值

2018-03-25  本文已影响15人  Eternal丶星空

子组件注册触发事件,父组件注册 触发子组件事件后的方法写在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('child-say',this.somedata);
  }
}
上一篇 下一篇

猜你喜欢

热点阅读