今天在开发中遇到一个问题，父组件给子组件传值，使用了props，需要子组件修改父组件传入的值后告诉父组件值变成了多少。
经查可以使用.sync修饰符
父组件
<form-comp :view-value.sync="userInfo" />
子组件
<script>
export default {
name: 'FormComp',
props: {
viewValue: {
type: Object,
default: null,
required: true
}
},
data() {
return {
user: this.viewValue
}
},
watch: {
user: {
handler: function(newValue) {
this.$emit('update:view-value', newValue)
},
deep: true //要watch一个object需要用deep属性
}
}
}
</script>
搞定~
