vue开发web或者h5应用
SDK 文档
apifm
开发参考
[《在线演练》](https://bi.cool/project/m5vDU78/embed?bi-active-file=Banner.vue)
# 安装
```bash
npm install apifm-webapi
```
运行该命令，即可一键安装 SDK 的最新版本
# 使用
## 全局加载SDK
打开 `main.js`文件，全局初始化 SDK
```javascript
import WEBAPI from 'apifm-webapi'
WEBAPI.init('gooking')
Vue.prototype.$wxapi = WEBAPI
```
## 调用SDK中的方法
有两种方式来调用接口：
### 方式一
无需引入，直接调用：
```javascript
this.$wxapi.banners().then(res => {
if (res.code == 0) {
this.setData({
banners: res.data
})
}
})
```
或者:
```javascript
const res = await this.$wxapi.banners()
if (res.code == 0) {
this.setData({
banners: res.data
})
}
```
### 方式二
js 文件中直接加载 SDK：
```javascript
const WXAPI = require('apifm-webapi')
```
这个时候，就不需要 `WEBAPI.init('gooking')`了，因为已经全局设置过了
```javascript
WXAPI.banners().then(res => {
if (res.code == 0) {
this.setData({
banners: res.data
})
}
})
```
或者:
```javascript
const res = await WXAPI.banners()
if (res.code == 0) {
this.setData({
banners: res.data
})
}
```
# 开源参考
[https://github.com/gooking/vueMinishop](https://github.com/gooking/vueMinishop)
[码云镜像：] [https://gitee.com/javazj/vueMinishop](https://gitee.com/javazj/vueMinishop)