ant-design-vue将模态窗封装成组件传值报错（因为传值是单项的）

官网警告 （实际是单项数据流warn）

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。

这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。

额外的，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。

这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。

  将a-moda封装成组件引入进来 用props进行传值 如果 v-model 来控制隐藏窗口 会报错误

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "visible"

  代码如下：

  <a-modal  :visible="visible" title="统计口径" @cancel='afterCloseFun'>  </a-modal>

 实际是组件传值不支持双向数据流  props只允许父改变子  不允许 子元素改变props的值 

下面将 v-model  改成 :visible就成了 代码如下：

<a-modal  :visible="visible" title="统计口径" @cancel='afterCloseFun'>  </a-modal>