基于vue2.0的頁面與原生app的交互
1.原生調(diào)用移動端頁面鏈接
2.移動端頁面直接打包嵌入到原生App
根據(jù)項目經(jīng)驗琼开,主要講解第二種方式
項目背景 :?
基于vue2.0的頁面兩個用處,1.單獨作為移動端頁面運行枕荞,2內(nèi)嵌到原生App
要處理的問題:
1.頁面打包柜候,基于vue2.0使用webpack方式打包必須放在服務(wù)器上才能運行,嵌入app相當于作為靜態(tài)頁面使用
2.vue單頁中要區(qū)分是用在哪里的躏精,Ios,Android,Pc,H5
3.為不同的服務(wù)方編寫相應(yīng)的事件請求
問題處理:
1.打包
用于瀏覽區(qū)移動端 :webpack方式打包
嵌套到源生(Io
s,Android) gulp+browserify
打包完成??
2.頁面代碼渣刷,使用?WebViewJavascriptBridge與原生交互
原生調(diào)用vue單頁的方法:
vue單頁調(diào)用原生方法