vue有類(lèi)似reactnative的native方案嗎-創(chuàng)新互聯(lián)

這篇“vue有類(lèi)似react native的native方案嗎”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“vue有類(lèi)似react native的native方案嗎”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價(jià)值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過(guò)這篇文章有所收獲，下面讓我們一起來(lái)看看具體內(nèi)容吧。

專(zhuān)注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)湖里免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護(hù)性和可測(cè)試性更強(qiáng)的代碼庫(kù)，Vue允許可以將一個(gè)網(wǎng)頁(yè)分割成可復(fù)用的組件，每個(gè)組件都包含屬于自己的HTML、CSS、JavaScript，以用來(lái)渲染網(wǎng)頁(yè)中相應(yīng)的地方，所以越來(lái)越多的前端開(kāi)發(fā)者使用vue。

vue和React都有支持native的方案，React有React native，而Vue有weex；weex是阿里巴巴開(kāi)源的一套構(gòu)建高性能、可擴(kuò)展的原生應(yīng)用跨平臺(tái)開(kāi)發(fā)方案。

Native指使用原生API開(kāi)發(fā)App，比如iOS用Object-C或Swift語(yǔ)言開(kāi)發(fā)。那么vue有類(lèi)似react native的native方案嗎？

vue有類(lèi)似react native的native方案嗎？

vue和React都有支持native的方案，React有React native，而Vue有weex。

weex介紹

Weex 是阿里巴巴開(kāi)源的一套構(gòu)建高性能、可擴(kuò)展的原生應(yīng)用跨平臺(tái)開(kāi)發(fā)方案。首先總結(jié)一下 weex 的特點(diǎn)：

1、頁(yè)面的開(kāi)發(fā)目前支持Rax和Vue

Weex 也不是只支持 Vue 和 Rax，你也可以把自己喜歡的前端框架集成到 Weex 中，有一個(gè)文檔擴(kuò)展前端框架描述了如何實(shí)現(xiàn)，但是這個(gè)過(guò)程仍然非常復(fù)雜和棘手，你需要了解關(guān)于 js-native 之間通信和原生渲染引擎的許多底層細(xì)節(jié)。

2、一次編寫(xiě)，三端（Android、iOS、前端）運(yùn)行

前提是都集成了 weex sdk，另外視覺(jué)表現(xiàn)做不到完全一樣，有的會(huì)有一些差異，需要做一下適配。所以寫(xiě) weex 頁(yè)面的時(shí)候，如果支持三端，便需要在三端都進(jìn)行自測(cè)。

3、UI 的繪制通過(guò) native 的組件，JavaScript 邏輯在 JS 引擎里運(yùn)行，兩者通過(guò) JavaScriptCore 通信

weex 里使用組件都需要在 native 端注冊(cè)，這樣 weex 里才可以使用，運(yùn)行的時(shí)候通過(guò)注冊(cè)時(shí)記錄的 map 進(jìn)行查找。weex sdk 內(nèi)置注冊(cè)了一些基礎(chǔ)的組件，包括 list、text、input 等。WXJSCoreBridge 封裝了 JavaScriptCore 實(shí)現(xiàn) native 和 js 之間的通信。

4、支持 Native 擴(kuò)展

可以將 native 的 UI 組件封裝成 component，將 native 的邏輯代碼封裝成 module。從而在 weex 里可以進(jìn)行使用。這里的 natiev UI 組件包括 modal、webview、image 等，這里的 native 邏輯代碼包括 storage、network 等。

5、每個(gè) weex 頁(yè)面會(huì)被打包成一個(gè) js 文件，weex sdk 將 js 文件渲染成一個(gè) view

weex 的打包通過(guò) webpack，將每個(gè)頁(yè)面打包成獨(dú)立的一個(gè) js 文件，weex sdk 會(huì)將 js 進(jìn)行解析，將 UI 部分繪制成一個(gè) view, 再綁定 view 的事件與 js 代碼綁定。

感謝你的閱讀，希望你對(duì)“vue有類(lèi)似react native的native方案嗎”這一關(guān)鍵問(wèn)題有了一定的理解，具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì)，快去試試吧，如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：vue有類(lèi)似reactnative的native方案嗎-創(chuàng)新互聯(lián)
瀏覽地址：http://bm7419.com/article20/diphjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、小程序開(kāi)發(fā)、虛擬主機(jī)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)