vue $emit $on 从子组件传递数据给父组件

原理是: 子组件使用$emit发送数据,父组件使用$on,或者v-on绑定, 来监听子组件发送的数据。

子组件:


data () {
    return {
        childData: 111
    }
  },
  methods:{
      sendChildData(){
          this.$emit('sendtoFu',this.childData);
      }
  }

父组件:

<子组件 @sendtoFu="getChildData">
这是子组件传递过来的数据 ---> {{ isMe }}
data() { return { isMe : '' } }, methods:{ getChildData(data){ this.isMe = data; } },

你可能感兴趣的:(vue $emit $on 从子组件传递数据给父组件)