[Vue warn]: The data property "dialogVisible" is already declared as a prop. Use prop default value

在使用Vue开发中，使用组件时报了这么一个错误：

[Vue warn]: The data property "dialogVisible" is already declared as a prop. Use prop default value 

翻译过来就是：

数据属性“dialogVisible”已经声明为一个prop。使用prop默认值代替。

经过查找是在组件传值时，传递过来了一个 dialogVisible，但是在data方法中同时也定义了一个 dialogVisible，

查看源码后是这样：

大致思路就是：访问data 和methods中的数据之外，还访问了props组件传递过来的值，如果发现data数据字段中的key值已经被定义，那么props传的参数再有这个重名的key值就会报这个错误。

props的访问优先级是 > data中的优先级 > menthods中的优先级

代表，如果在这个key值在props中出现，那么data中的key值就不能定义了。

 

这样两个地方就重复声明了，

所以，解决方案：把return 中声明的删掉就可以