如何用Vue的sync语法糖优化modal弹框功能，提升用户体验？

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

Vue开发者都知道，Vue是一个组件化开发的框架，基于组件化的原则。很多时候，我们开发时都会将像modal、drawer这类弹框组件，抽象成独立的组件分离出去，然后在使用时直接引入。

用过vue的开发者都知道vue是组件化开发的一个框架，基于组件化的原则，很多时候我们开发的时候都会把像modal、drawer这种弹框，抽屉类的组件作为一个单独的组件分出去，然后在在用到的页面引入进来这个时候就涉及到了visible 属性的父子组件的通信，我们常规的做法可以通过props,$emit的方式进行通信，但vue其实提供了一种更为优雅的实现方式，可以通过sync的语法糖来实现。