ホームページ >ウェブフロントエンド >uni-app >uniapp の nvue ファイルと vue ファイルの違いは何ですか?

uniapp の nvue ファイルと vue ファイルの違いは何ですか?

青灯夜游
青灯夜游オリジナル
2020-12-08 11:16:517623ブラウズ

違い: vue ファイルはミニ プログラム モードで Webview レンダリングを使用し、nvue は weex モードのネイティブ レンダリングを使用します。コンポーネントと JS は同じ方法で記述されますが、CSS は異なります。ネイティブで使用できる CSS植字はフレックスレイアウトでなければなりません。

uniapp の nvue ファイルと vue ファイルの違いは何ですか?

推奨: 「uni-app 開発チュートリアル

uni-app はロジックとレンダリングから分離されており、レンダリングこのレイヤーは、アプリ側に 2 セットのレイアウト エンジンを提供します。

ミニ プログラム モードでの Webview レンダリングと weex モードでのネイティブ レンダリング、ニーズに応じて 2 つのレンダリング エンジンを選択できます。

  • #vue ファイルは、Web ビューのレンダリングにミニ プログラム メソッドを使用します

  • nvue は、ネイティブ レンダリングに weex メソッドを使用します

  • ## コンポーネントとjsの書き方は同じですが、CSSは異なります ネイティブ組版に使用できるCSSはフレックスレイアウトである必要があります

uni-appのアプリ側には、 Weex の改良に基づくネイティブ レンダリング エンジンは、ネイティブ レンダリング機能を提供します。

アプリ側では、vue ページを使用する場合は Webview レンダリングを使用し、nvue ページ (ネイティブ vue の略) を使用する場合はネイティブ レンダリングを使用します。 1 つのアプリで 2 つのページを同時に使用できます。たとえば、ホームページでは nvue を使用し、第 2 レベルのページでは vue を使用します。これは hello uni-app の例です。

nvue はマルチターミナルでコンパイルして H5 や小さなプログラムを出力することもできますが、nvue の CSS 記述方法には制限があるため、アプリを開発しない場合は nvue を使用する必要はありません。

nvue と vue は相互に通信します

uni-app では、nvue ページと vue ページを混在させることができます。

ページ通信には uni.$on、uni.$emit を使用することをお勧めします


##プログラミング関連の知識の詳細については、こちらをご覧ください:

プログラミング教育
! !

以上がuniapp の nvue ファイルと vue ファイルの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。