微信小程序传数据给自定义组件

有时候在项目中使用自定义组件，但是又要使组件在不同页面中展示不同的数据或者样式，这个就要传数据给组件来进行使用。
ps:传送门—微信小程序自定义组件的使用（顶部、底部菜单组件）

这边以自定义导航栏的切换为例。

在wxml里使用组件

<view>
	<navbar check-id="1"></navbar>
	...
</view>

check-id就是改变样式的数据，在“第一”页面为1，导航栏“第一”就切换选中状态，以此类推，“第二”页面的check-id就是为2.
然后在自定义组件的js里，有一个组件的属性列表

properties: {
	checkId:Number
}

要传的数据为数字就为Number，字符串就为String等等。
组件的属性列表要用到“驼峰”命名法（在自定义组件的js里）；然后在使用组件的wxml里，使用的自定义名称要用“-”隔开，并且在自定义组件的js里，“-”后面的首个字母必须大写。

最后，如果我的笔记对您有帮助，请给我一个赞~ 谢谢！