現(xiàn)在很多App里都內(nèi)置了Web網(wǎng)頁(yè)宗侦,比如說(shuō)很多電商平臺(tái)愚臀,淘寶、京東矾利、聚劃算等等姑裂;web不像Android一樣,web框架以及插件太多男旗,每一個(gè)框架的交互方法多多少少不太一樣舶斧,而且變化萬(wàn)千,方法千萬(wàn)種察皇,只要你去使茴厉,總有一個(gè)適合你;
Android通過WebView于js做交互什荣,js需要寫入一個(gè)方法給Android做調(diào)用矾缓,那么我們這邊寫入方法是window.osetList=function() {},window后面跟著咱們需要給Android傳過去的方法名稱稻爬,但是vue呢嗜闻?嵌套js方法回調(diào)值得時(shí)候我們肯定是很麻煩的,下面就開始說(shuō)明下vue應(yīng)該如何正確的與Android做交互桅锄;
【本篇文檔只限于web】
對(duì)于前端來(lái)說(shuō)琉雳,鉤子函數(shù)就是指在所有函數(shù)執(zhí)行前样眠,我先執(zhí)行了的函數(shù),即 ?鉤住 我感興趣的函數(shù)翠肘,只要它執(zhí)行吹缔,我就先執(zhí)行;那么vue的mounted大家肯定知道的锯茄,在這發(fā)起后端請(qǐng)求厢塘,拿回?cái)?shù)據(jù),配合路由鉤子做一些事情肌幽;在mounted里面我們還可以進(jìn)行dom的操作晚碾;
1、配合methods與mounted喂急,首先我們先在methods定義一個(gè)方法用于跟Android調(diào)用格嘁,方法名稱一定要與Android商量好!里面?zhèn)魅雲(yún)?shù)可讓Android傳入數(shù)值廊移,我們這邊用于接收糕簿;
2、那么我們就要在mounted里面做操作狡孔,window后面跟著的這個(gè)方法名稱懂诗,才是咱們真正要給Android能夠拿到的方法,所以咱們需要給他賦值苗膝;
3殃恒、我們vue只做到這里,后面就是交給Android的人員了辱揭,這樣我們就可以很準(zhǔn)確的將方法傳遞過去离唐,那么我們?cè)趺传@取返回值呢?那么請(qǐng)看问窃;
4咕别、ok了,這樣我們就可以接收到Android給我們傳遞的數(shù)據(jù)了写穴,但是我們?nèi)绻催@條數(shù)據(jù)內(nèi)容,這個(gè)在本機(jī)肯定是看不到的雌贱,需要去Android那邊的模擬機(jī)看啊送,因?yàn)閱螁蔚脑谖覀儽緳C(jī)上面是沒有人調(diào)用我們的偿短。本機(jī)自測(cè)先輸死值,后期部署服務(wù)器的時(shí)候在修改回來(lái)馋没,模擬一下昔逗;
ok---------------------------------------------------------------------------
微信:a13717840919 ? ?【熱愛web前端技術(shù)的可交流】 ? ? ? ? ? ? ? ?{ ? ?下篇文檔--【vue3】的安裝以及使用 ? ?}