vue插槽及sync 修饰符的理解

vue插槽及sync 修饰符的理解

插槽： 插槽可以看作 用来传递复杂内容（标签等）的一种函数，插槽是返回组件的函数

sync : 实现多个属性的双向绑定，

当我们用一个对象同时设置多个 prop 的时候，也可以将这个 .sync 修饰符和 v-bind 配合使用：

<text-document v-bind.sync="doc"></text-document>

这样会把 doc 对象中的每一个 property (如 title) 都作为一个独立的 prop 传进去，然后各自添加用于更新的 v-on 监听器。

可参考：
https://v2.cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6