Vue中如何通过.sync属性实现父子组件间的数据双向绑定？

本文共计767个文字，预计阅读时间需要4分钟。

1. 前言：最近在Vue项目中遇到一个需求，需要根据不同类型在页面中展示不同组件，且组件需与当前页面数据双向绑定。若都在同一页面，代码会显得较多，最终我...

1.前言

最近在vue 项目中有一个需求， 就是我需要根据不同的类型在页面中放不同的组件， 组件需要跟当前页面的数据进行双向绑定，如果都写在同一个页面 代码会显得比较多，毕竟我当前页面已经7-800行代码了 所以我需要把一些元素定义成组件 ，封装起来，所以就会遇到 数据的传值绑定问题

2.父组件

首先我们来看看官方文档 [ cn.vuejs.org/v2/guide/components.html#sync-修饰符 ]

.sync 修饰符所提供的功能。