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