> 웹 프론트엔드 > uni-app > uniapp의 nvue 파일과 vue 파일의 차이점은 무엇입니까?

uniapp의 nvue 파일과 vue 파일의 차이점은 무엇입니까?

青灯夜游
풀어 주다: 2023-01-13 00:44:03
원래의
7561명이 탐색했습니다.

차이점: vue 파일은 미니 프로그램 모드에서 webview 렌더링을 사용하고, nvue는 weex 모드 네이티브 렌더링을 사용합니다. 컴포넌트와 js는 같은 방식으로 작성되지만, 네이티브 조판에 사용할 수 있는 CSS는 flex여야 합니다. 공들여 나열한 것.

uniapp의 nvue 파일과 vue 파일의 차이점은 무엇입니까?

권장: "uni-app 개발 튜토리얼"

uni-app은 로직과 렌더링을 분리합니다. 렌더링 레이어는 앱 측에서 두 세트의 레이아웃 엔진을 제공합니다.

애플릿 모드의 Webview 렌더링과 weex 모드의 기본 렌더링, 필요에 따라 두 가지 렌더링 엔진을 선택할 수 있습니다.

  • vue 파일은 webview 렌더링을 위해 미니 프로그램 방식을 사용합니다.

  • nvue는 네이티브 렌더링을 위해 weex 방식을 사용합니다.

컴포넌트는 js와 동일하게 작성되었지만 CSS는 다릅니다. 네이티브 조판에 사용할 수 있는 것은 플렉스 레이아웃이어야 합니다

유니앱의 앱측에는 weex 개선을 기반으로 한 네이티브 렌더링 엔진이 내장되어 있어 네이티브 렌더링 기능을 제공합니다.

앱 측에서 vue 페이지를 사용하는 경우 webview 렌더링을 사용하고, nvue 페이지(native vue의 약어)를 사용하는 경우 네이티브 렌더링을 사용합니다. 하나의 앱에서 두 개의 페이지를 동시에 사용할 수 있습니다. 예를 들어 홈페이지는 nvue를 사용하고 두 번째 레벨 페이지는 vue를 사용합니다.

nvue는 멀티 터미널 컴파일도 가능하고 H5나 작은 프로그램도 출력할 수 있지만 nvue의 CSS 작성 방식에는 한계가 있기 때문에 앱을 개발하지 않는다면 굳이 nvue를 사용할 필요는 없습니다.

nvue와 vue는 서로 소통합니다

uni-app에서는 nvue와 vue 페이지를 혼합하여 사용할 수 있습니다.

페이지 통신에는 uni.$on, uni.$emit 사용을 권장합니다

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 uniapp의 nvue 파일과 vue 파일의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿