Vue 中 父子组件之间的 v-model 双向绑定

父子嵌套关系的 双向绑定

简而言之 在父组件改变值 会响应到子组件 在子组件中改变 也会响应到父组件中

v-model ‘解体’

v-model 的双向绑定功能 可以用 value 和 @input 来模拟

演示v-model 的解体功能

父组件

引入子组件 在子组件上利用双向绑定 这里的v-model 可以理解为 ：value =“an” @input="$emit.target.value"

<template>
  <div>
<son-zi v-model="an"></son-zi>
  </div>
</template>

<script>
import sonZi from './son.vue'
  export default {
   
      data() {
   
          return {
   
              an: 1000
          }
      },
      components: {