vue$emit$onサブコンポーネントから親コンポーネントにデータを渡す

544 ワード

原理は、サブコンポーネントが$emitを使用してデータを送信し、親コンポーネントが$onを使用するか、v-onバインドを使用してサブコンポーネントが送信したデータを傍受することです.
サブアセンブリ:

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

親コンポーネント:
   >
---> {{ isMe }}
data() { return { isMe : '' } }, methods:{ getChildData(data){ this.isMe = data; } },