2020-07-28 父子v-model传值

父组件

<template>
  <div>
    这里是父组件<br>
    {{ name }}
    <hr>
    <Son1 v-model="name"></Son1>
  </div>
</template>

<script>
import Son1 from './son.vue'
export default {
  data () {
    return {
      name: '小红'
    }
  },
  components: { Son1 }
}
</script>

子组件

<template>
  <div class="son">
    这里是子组件<br>
    {{ value }}
    <button @click="changeName">修改value</button>
    
  </div>
</template>
<script>
  export default {
    props: ['value'],
    methods: {
      changeName () {
        this.$emit('input', '小明')
      }
    }
  }
</script>

看来父组件里的name是可以接纳子组件里的emit，$emit默认是input