vue中父子传值双向绑定及数据更新问题的示例分析

这篇文章将为大家详细讲解有关vue中父子传值双向绑定及数据更新问题的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、做网站、洛扎网络推广、微信小程序、洛扎网络营销、洛扎企业策划、洛扎品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供洛扎建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

在进行父子组件传值时，用到子组件直接控制父组件中的变量值以及在vue中直接更改对象或者数组的值，视图未发生变化的解决办法，当时完成项目时，一直未找到原因，修改了好久。

1.父子组件传值双向绑定

在传递给子组件中的变量上使用.sync修饰符，就能够实现父子传值的双向绑定

2.修改对象或数组中的键，视图未发生变化

使用$set方法进行修改，官方文档中也有说明

当时我是直接对数组中的值进行修改，但是视图没有发生变化

也可以直接进行修改后对页面进行强制刷新，使用$forceUpdate()方法

this.options[0] = 100;
this.$forceUpdate();

关于“vue中父子传值双向绑定及数据更新问题的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。