# 使用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>
```
