What is the difference between uniapp's nvue and vue files?

Difference: vue files use webview rendering in the mini program mode, and nvue uses weex mode native rendering; components and js are written in the same way, but css is different. The css that can be used for native typesetting must be flex layout.

Recommended: "uni-app Development Tutorial"

uni-app is separated from logic and rendering, rendering The layer provides two sets of layout engines on the app side.

Webview rendering in the mini program mode and native rendering in the weex mode. You can choose the two rendering engines according to your needs.

• vue files use the mini program method for webview rendering

• nvue uses the weex method for native rendering

Components and js are written in the same way, but css is different. The css that can be used for native typesetting must be flex layout

The App side of uni-app has a built-in native rendering engine based on weex improvement, providing native Rendering capabilities.

On the App side, if you use vue page, use webview rendering; if use nvue page (abbreviation of native vue), use native rendering. Two pages can be used in one App at the same time. For example, the homepage uses nvue and the second-level page uses vue. This is the hello uni-app example.

Although nvue can also be multi-terminal compiled and output H5 and small programs, nvue's CSS writing method is limited, so if you do not develop apps, you do not need to use nvue.

nvue and vue communicate with each other

In uni-app, nvue and vue pages can be mixed and matched.

It is recommended to use uni.$on, uni.$emit for page communication

Programming teaching! !

The above is the detailed content of What is the difference between uniapp's nvue and vue files?. For more information, please follow other related articles on the PHP Chinese website!