:visible.sync和v-if的搭配使用原理

 <!-- :visible指的是属性绑定，表示弹框的显示隐藏，值为true显示
    .sync指同步动态双向的来表示visible的值，当弹窗发生变化同步修改visible的值 
    当与v-if搭配使用时，即当退出弹框时会销毁子组件的变量，实现子组件初始化-->
    <el-drawer
      title="数据信息"
      :visible.sync="drawer"
      size="35%"
      :wrapperClosable="false"
      v-if="drawer"
    >

---

以上并不不完整，如有较好的解释，请写在评论区