Vue.js+Cordova 开发 H5 混合应用(以 Android 为例)
vue.js 是最近很热门的一款前端框架,据说性能很不错;cordova 相当于 js 和原生(Android 或 IOS)之间的桥梁,混合
开发神器;现将两者结合构建 H5 混合应用。
1、H5 部分
首先搭好 h5 的工程结构
说明:
components 目录中存放三方库,包含了
mint-ui:基于 vue.js 的移动端组建库
vue:
cordova:
三部分内容
编写自定义 cordova 插件 js 部分
climb.js 内容如下
开头"cordova-plugin.climb"可视为 id,后面会涉及到
其功能就是定义了一个对象,该对象中声明了两个带参方法 showToast 和 openActivity,分别用于弹出提示信息和启动一
个 Activity,它们的参数中第一个是成功的回调方法,第二个是失败的回调方法,第三个是需要传给原生的参数
填充 cordova_plugins.js 后内容如下
其功能就是声明上面自定义插件 js 部分的位置,js 中使用对象 ClimbPlugin 来调用其中的方法
index.html 中引入 cordova.js
index.html 中内容如下
- 1
- 2
前往页