@h5plus/core

HTML5+ App for Vue.js

Usage no npm install needed!

<script type="module">
  import h5plusCore from 'https://cdn.skypack.dev/@h5plus/core';
</script>

README

Plus

设备相关的常用api文档

安装

npm install @h5plus/core --save

yarn add @h5plus/core

基本使用

import Vue from 'vue'
import plus from '@h5plus/core'
Vue.use(plus)

其方法中的this指向组件

- event Vue 选项

Events模块管理客户端事件,包括系统事件,如扩展API加载完毕、程序前后台切换等。

  1. "plusready": 扩展 API 加载完成事件
  2. "pause": 运行环境从前台切换到后台事件
  3. "resume": 运行环境从后台切换到前台事件
  4. "netchange": 设备网络状态变化事件
  5. "newintent": 新意图事件
  6. "plusscrollbottom": 窗口滚动到底部事件
  7. "error": 页面加载错误事件
  8. "background": 应用切换到后台运行事件
  9. "foreground": 应用切换到前台运行事件
  10. "trimmemory": 应用需要清理内存事件
  11. "splashclosed": 应用启动界面已关闭事件

- listener Vue 选项

用于监听自定义的事件广播

- $api

全局window中扩展$api,包含常用api,与设备无关的

- $plus

全局window中扩展$plus,包含设备相关的api

- 示例

export default {
  name: 'app',
  // Events模块管理客户端事件,包括系统事件,如扩展API加载完毕、程序前后台切换等。
  // "plusready": 扩展API加载完成事件
  // "pause": 运行环境从前台切换到后台事件
  // "resume": 运行环境从后台切换到前台事件
  // "netchange": 设备网络状态变化事件
  // "newintent": 新意图事件
  // "plusscrollbottom": 窗口滚动到底部事件
  // "error": 页面加载错误事件
  // "background": 应用切换到后台运行事件
  // "foreground": 应用切换到前台运行事件
  // "trimmemory": 应用需要清理内存事件
  // "splashclosed": 应用启动界面已关闭事件
  event: {
    // plusready,设备加载完成
    plusready() {
      console.log('test组件 设备加载完成')
    }
  },
  // 自定义窗体监听选项
  listener: {
    // “customEvent”为事件名称
    customEvent(e) {
      // e.detail:事件传递的数据
      alert('test:' + JSON.stringify(e.detail))
    }
  },
  methods: {
    // 广播消息
    send: function() {
      $plus.msg.send('customEvent', { a: 1 }, { self: true })
    }
  }
}

自定义扩展

import Vue from 'vue'
import plus from 'h5pa-vue'
Vue.use(plus, {
  // 全局指定hbuild的错误页地址
  errorPage: '/error.html',
  // 是否需要模拟
  isSim: true
})

参考