VUE使用computed实现子父组件双向绑定数据

本文主要是介绍VUE使用computed实现子父组件双向绑定数据，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 上面字符串文字是父级的数据，下面表单是父级传给子组件并实现双向绑定

// 这里是vue3写法，vue2 同样在computed里写 get(){} 即可
const form = computed({get(){
// props.modelForm 就是父级传过来的对象const proxy = new Proxy(props.modelForm,{get(target,key) {return Reflect.get(target,key)},set(target,key,value) {
// vue2 要使用$emit 更新emit('update:modelForm',{...target,[key]:value})Reflect.set(target,key,value);return true}})return proxy}

这篇关于VUE使用computed实现子父组件双向绑定数据的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---