父子嵌套关系的 双向绑定
简而言之 在父组件改变值 会响应到子组件 在子组件中改变 也会响应到父组件中
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: {