今天VUE开发写组件时报了个错：The data property “isLoop” is already declared as a prop， Use prop default value instead。

vue报错already declared as a prop. Use prop default

翻译一下：数据属性“xxx”已声明为prop。改为使用属性默认值。

原来是在组件传值时，传过来了一个属性，但是在我的项目data中也定义了一个属性，如下面的图，在 data 里面定义了一个 isLoop，跟prop传过来的 isLoop 重名了。

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

props的优先级 > data中的优先级 > menthods中的优先级

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

解决办法：把data中定义的字段删除或修改其它命名就好。