vue有類似react native的native方案嗎

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

為什么要使用Vue

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

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

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

vue有類似react native的native方案嗎？

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

weex介紹

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

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

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

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

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

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

weex 里使用組件都需要在 native 端注冊，這樣 weex 里才可以使用，運(yùn)行的時(shí)候通過注冊時(shí)記錄的 map 進(jìn)行查找。weex sdk 內(nèi)置注冊了一些基礎(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 頁面會被打包成一個(gè) js 文件，weex sdk 將 js 文件渲染成一個(gè) view

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

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