uview的u-button使用customStyle报错问题及解决方案 The data property “customStyle“ is already declared as a prop.

官方例子核心代码及报错信息

<template>
	<view style="padding: 20px;">
		 <!-- 以下形式在微信小程序会无效，APP和H5有效  -->
		<u-button class="custom-style" text="雪月夜" :customStyle="customStyle"></u-button>
	</view>
</template>

```html
<script>
export default {
	data() {
		return {
			customStyle: {
				color: 'red'
			}
		};
	}
};
</script>

[Vue warn]: The data property “customStyle” is already declared as a prop. Use prop default value instead.

修复后的例子核心代码

<template>
	<view style="padding: 20px;">
		 <!-- 以下形式在微信小程序会无效，APP和H5有效  -->
		<u-button class="custom-style" text="雪月夜" :customStyle="customStyles"></u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			customStyles: {
				color: 'red'
			}
		};
	}
};
</script>

解决方案

将customStyle改名为其他，如customStyles。