uniapp vue和nvue的區別

xiaobaibubai發表於2021-12-14

uni-app是邏輯和渲染分離的,渲染層在app端提供了兩套排版引擎。
小程式方式的webview渲染,和weex方式的原生渲染,兩種渲染引擎可以自己根據需要選。
vue檔案走的webview渲染
nvue走weex方式的原生渲染

元件和js寫法是一樣的,css不一樣,原生排版的能用的css必須是flex佈局

uni-app的App端內建了一個基於weex改進的原生渲染引擎,提供了原生渲染能力。
在App端,如果使用vue頁面,則使用webview渲染;如果使用nvue頁面(native vue的縮寫),則使用原生渲染。一個App中可以同時使用兩種頁面,比如首頁使用nvue,二級頁使用vue頁面,hello uni-app示例就是如此。

雖然nvue也可以多端編譯,輸出H5和小程式,但nvue的css寫法受限,所以如果你不開發App,那麼不需要使用nvue。

nvue 和 vue 相互通訊

在 uni-app 中,nvue 和 vue 頁面可以混搭使用。

推薦使用uni.$on,uni.$emit的方式進行頁面通訊

作者:wyc0859
連結:https://www.jianshu.com/p/6705eeb8eb3a。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章