基于vue2.0的页面与原生app的交互

1.原生调用移动端页面链接

2.移动端页面直接打包嵌入到原生App

根据项目经验，主要讲解第二种方式

项目背景 ： 

基于vue2.0的页面两个用处，1.单独作为移动端页面运行，2内嵌到原生App

要处理的问题：

1.页面打包，基于vue2.0使用webpack方式打包必须放在服务器上才能运行，嵌入app相当于作为静态页面使用

2.vue单页中要区分是用在哪里的，Ios,Android,Pc,H5

3.为不同的服务方编写相应的事件请求

问题处理：

1.打包

用于浏览区移动端 :webpack方式打包

嵌套到源生（Io

s,Android） gulp+browserify

打包完成  

将打包后的文件发给原生App 调用

2.页面代码，使用 WebViewJavascriptBridge与原生交互

原生调用vue单页的方法:

vue单页调用原生方法