首頁 > web前端 > uni-app > 主體

uniapp的nvue和vue檔案的差別是什麼?

青灯夜游
發布: 2023-01-13 00:44:03
原創
7414 人瀏覽過

區別:vue檔案走小程式方式的webview渲染,nvue走weex方式的原生渲染;元件和js寫法是一樣的,但css不一樣,原生排版能用的css必須是flex佈局。

uniapp的nvue和vue檔案的差別是什麼?

推薦:《uni-app開發教學

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的方式進行頁面通訊#############更多程式相關知識,請造訪:###程式設計教學###! ! ###

以上是uniapp的nvue和vue檔案的差別是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!