# 使用vPush组件 我们推荐新手用户使用我们预置的自定义组件,只需要在页面中调用,无需任何操作即可自动完成推送凭证的收集流程。 ## 1. 声明 编辑页面的`.json`配置文件,引入组件: ``` json { "usingComponents": { "vpush-view": "/vpush-pro-sdk/components/view" } } ``` ## 2. 引用 在页面的`.wxml`文件中,直接使用`vpush-view`组件即可,如: ```wxml <vpush-view>点击我收集凭证</vpush-view> ``` ## 3. 自定义点击事件 当然,我们有时候会在用户点击`vpush-view`的时候,还触发一些自定义的事件,这时候,我们传递`onClickHandler`的当前页面方法即可,比如页面的`.js`文件声明了一个方法: ``` js Page({ customHandler: function (e) { console.log("用户点击了vpush-view组件"); }, onLoad: function (e) {} }); ``` 然后在组件中传递: ``` wxml <vpush-view onClickHandler="customHandler">点击我试试</vpush-view> ``` ## 4. 自定义组件样式 同上,我们传递一个`custom-class`属性即可。 页面的`.wxss`中声明了一个自定义组件样式: ``` wxss mybutton { color: red; } ``` 然后组件中配置: ``` wxml <vpush-view custom-class="mybutton">自定义样式的vpush-view</vpush-view> ```