# vue-cli-plugin-apicloud

> vue-cli 3 plugin to add apicloud

Latest version **1.1.2** (published 2019-11-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-cli-plugin-apicloud
pnpm add vue-cli-plugin-apicloud
yarn add vue-cli-plugin-apicloud
bun add vue-cli-plugin-apicloud
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2019-11-12 |
| First published | 2019-03-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 382.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Zhe Zhu |
| Maintainers | snicesoft |
| Keywords | apicloud, vue |

## Links

- npm: https://www.npmjs.com/package/vue-cli-plugin-apicloud
- Repository: https://github.com/app-case-community/vue-cli-plugin-apicloud
- Homepage: https://github.com/app-case-community/vue-cli-plugin-apicloud#readme
- Issues: https://github.com/app-case-community/vue-cli-plugin-apicloud/issues
- npm.io page: https://npm.io/package/vue-cli-plugin-apicloud

## Recent versions

- 1.1.2 (latest) — 2019-11-12
- 1.1.1 — 2019-10-22
- 1.1.0 — 2019-09-02
- 1.0.9 — 2019-08-30
- 1.0.8 — 2019-08-27
- 1.0.7 — 2019-08-27
- 1.0.6 — 2019-08-27
- 1.0.5 — 2019-08-27
- 1.0.4 — 2019-03-14
- 1.0.3 — 2019-03-14
- 1.0.2 — 2019-03-13
- 1.0.1 — 2019-03-13
- 1.0.0 — 2019-03-13

## README

# vue-cli-plugin-apicloud
apicloud for vue-cli plugin

## 项目说明

* 默认是多页应用，所以未集成vue-router，如需要，请自行配置
* 默认提供一个html模板，即public/index.html。
* 支持不同页面不同html模板，只需要在public下复制index.html并改名为页面名称。比如pages/hello -> public/hello.html

## 使用

* 安装

    使用前提：使用vue-cli3 创建的项目

    ```js
    vue add apicloud
    ```

* 选择模板

    ![](./vender/WX20190830-132749@2x.png)

* vue-cli-service扩展命令

    ```bash
    vue-cli-service ac <command> [options]
    ```

    * vue-cli-service ac add NewPage --type [default|blank]
        * default ：默认模板，也就是page+frame模式，
        * blank ：空白页


## Vue.prototype 扩展

### api

    替代window.api

### $api

    替代window.$api

### $page

* 方法

    * open

        * 参数
            * url: 打开页面路径，比如hello.html (可简写hello)
            * opts: 
            ```js
            {
                title: 'New Page'
            }
            ```
    * close
        
        关闭当前页面

## Vue 实例扩展

* onReady

    代替window.apiready

* onWindowChange

    支持设备屏幕旋转监听

* apiEvent

    支持apicloud的页面事件监听，比如keyback

    ```js
    export default {
        apiEvent: {
            keyback () {
                alert('按了返回键');
            }
        }
    }
    ```
    更多事件，请查看[文档](https://docs.apicloud.com/Client-API/api#c3)

## 注意

* 不支持tapmode

    由于tapmode需要元素定义onclick，这与vue相冲突。默认使用fastclick替代后解决

---
_Source: https://npm.io/package/vue-cli-plugin-apicloud · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._