1父组件
<template>
<div>{{aa}}</div>
<odiv v-model="aa"></odiv>
</template>
<script>
import odiv from "../components/odiv.vue";
export default {
data(){
return {
aa:'aaa'
}
}
components: {
odiv: odiv
},
}
</script>
2.子组件
<template>
<div>
<div @click="xx">我是odiv{{aa}}</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
model: {
prop: "aa",
event: "change"
},
props: {
aa: {
type: String,
value: "我是子组件的值"
}
},
components: {},
methods: {
xx() {
let a=this.aa +1;
this.$emit("change", a);
}
}
};
</script>