element ui 的dialog弹窗笔记

错误用法：将<el-dialog>组件写在了add组件中，这时候当弹窗关闭时会修改dialogFormVisible的值，由于dialogFormVisible是父组件传过来的，不能修改，所以会报错，还会导致其他一些问题。

这是写在add组件中的
<el-dialog title="添加灌区信息" :visible.sync="dialogFormVisible" width="60%">
。。。。。。
</el-dialog>

这是写在父组件中的
<add v-bind:dialogFormVisible.sync="dialogFormVisible"></add>

正确用法：两个组件都在父组件中使用，<el-dialog>包裹<add>组件，add组件作为弹窗的内容

<el-dialog title="添加灌区信息" :visible.sync="dialogFormVisible" width="60%">
    <add v-bind:dialogFormVisible.sync="dialogFormVisible"></add>
</el-dialog>

由于第一次使用element ui，vue也是刚学习，所以不知道其中的模式，导致找了好久的问题，特此记录一下