<template>
<div class="app">
App.vue 我现在有 {{total}}
<hr>
<Child :money.sync="total"/>
<Child :money="total" v-on:update:money='total=$event' />
</div>
</template>
<script>
import Child from "./Child.vue";
export default {
data() {
return { total: 10000 };
},
components: { Child: Child }
};
</script>
<style>
.app {
border: 3px solid red;
padding: 10px;
}
</style>
说明：
代码<Child :money.sync="total"/>会被扩展<Child :money="total" v-on:update:money='total=$event' />,.sync就是一个语法糖
