vue自定义组件的v-model

 定义子组件

<template>
    <div class="merselec" ref="mbMenu">
        <div @click="handleNodeClick()">点我父组件就等收到123</div>
    </div>
</template>
export default {
  components: {},
  props: {
    value: String
  },
  data() {
    return {
      
    };
  },
  watch: {},
  computed: {},
  methods: {
    handleNodeClick() {
        this.$emit('input', 123);
    }
}

 父组件

<currency-input v-model="price"></currentcy-input>
data:{
    price:''
}

 

<currency-input v-model="price"></currentcy-input>

<!--上行代码是下行的语法糖

 <currency-input :value="price" @input="price = arguments[0]"></currency-input>

-->

 

现在你知道 value 和 input 从哪来的了吧。与上面总结的类似：

给组件添加 v-model 属性时，默认会把 value 作为组件的属性，然后把 'input' 值作为给组件绑定事件时的事件名