Vue的.sync如何改写为长尾实现父子组件双向绑定数据？

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

1. 引言：最近在Vue项目中遇到一个需求，需要根据不同类型的数据在页面中展示不同的组件，且组件需要与当前页面数据双向绑定。如果都写在同一页面，代码会显得比较冗长，最终我选择了...

1.前言

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

2.父组件

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

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