vue框架对接手机app

最近在参与一个移动端的项目，要做一个功能模块接入到已有的手机app中。从要确定要做就开始参与，记录下整个流程过程吧。
制作手机采用的框架是vue和SUI共同使用，使用grunt及webpack进行自动化构建代码。

一、搭建环境

使用grunt压缩css及js,webpack压缩vue，首先要先下载安装node.js，他们依赖于node运行。

然后再下载安装使用的插件，简单而言直接
npm install grunt -g

二、app要展示各种图表

各种图表选择的是echarts插件，但是在页面上引用插件会消耗流量。现在使用node，即可在node下载 echarts包，等到想使用的时候在进行下载。

使用方法：下载：npm install echarts --save-dev

在页面上就可以直接引用使用：

var echarts =require('echarts');//即得到echarts所有的插件，要是想使用哪个就在require哪个就行。

之后使用就是定义一个宽高有值得div,然后就和之前那样初始化配置即可。

注意：但是在使用过程中，每个页面定义的eachrts的div不可重名，重名则会导致下一页面的div图表显示不出来。2.更好是在页面离开时销毁一下此页面的图表div,这样第二个页面就不会受干扰。

beforeDestroy: function () {  //触发方式,在console里面打myVue.$destroy();
    //在开始销毁实例时调用。此时实例仍然有功能。
    var myChart = echarts.init(document.getElementById('main2'));myChart.destroyed();
}

vue框架对接手机app相关推荐

【Vue US国际会议】使用Vue和NativeScript来开发吸引人的原生手机app
历来,搞web开发和搞手机开发的,都是两个阵营.不过,这些年,这个阵营的割裂也在逐渐模糊,尤其是随着web技术统治一切的风潮到来,当然这期间javascript在期间发挥了主要作用,比如我们熟知的VS ...
php语言能开发app吗_怎么利用PHP框架语言开发手机app？
原标题:怎么利用PHP框架语言开发手机app? 一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供 ...
移动端---混合开发1 + 支付相关操作（手机app支付、网页支付）--支付流程
混合开发 1️⃣ 以前端为主导进行开发(Hybrid app)(即所有的页面部分都是用网页 h5 的技术来做的,Hybrid 是做编辑器的) uniapp.mui 是国内主流的小公司做混合开发的技术. ...
vue框架如何转换成普通html,html和vue框架
Vue框架Element的事件传递broadcast和dispatch方法分析前言最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了$broadcast和$dispatch方法 ...
Fiddler利用Xposed框架+JustTrustMe抓取手机APP数据
文章目录 1. Xposed安装 2. JustTrustMe安装 3. 确保Fiddler在模拟器里配置此文只是针对Fiddler抓取APP数据失败情况下的方案,主要想解决的是安卓手机APP抓包H ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
利用PHP语言开发手机app后台服务器的框架是什么？或者说开发流程是怎么样的？
最近正在做一个手机APP的服务端API开发,虽然是基于Ruby on Rails的,做的也不太专业,不过大致相通,希望能够给你一些启发. 首先,如果是比较简单的手机APP,例如新闻客户端这样的不会涉 ...
vue qrcodejs2生成二维码实现手机APP扫码进行web网页登录
在vue中使用 qrcodejs2 1.安装 npm install qrcodejs2 --save 2.引入 import QRCode from "qrcodejs2" 3 ...
实现微信小程序和手机app（基于vue）PDF预览功能
引言:最近在做微信小程序和手机端app开发(基于vue),实现一个pdf预览功能. 需求:点击pdf列表,跳转到预览pdf页面,页面上强制阅读10s后,显示一个按钮返回,更新阅读状态: 要求:不能调用 ...

vue框架对接手机app

vue框架对接手机app相关推荐

最新文章

热门文章