vue와 uni-app의 차이점: 1. uni-app은 패키징을 통해 여러 터미널에서 실행되는 코드 세트를 실현할 수 있지만 vue는 그렇지 않습니다. 2. uni-app은 자동 프레임 사전 로드 기능이 있고 페이지를 더 빠르게 로드하지만 vue 3. uniapp은 미니 프로그램의 태그를 사용하고, vue는 웹 측의 태그를 사용합니다. 4. uni는 vue-router를 지원하지 않으며 자체 라우팅을 사용합니다.
이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1&&vue2.9.6 버전, Dell G3 컴퓨터.
uni-app은 (Toutiao, Alipay, WeChat, QQ, Baidu) 애플릿, Android 버전, iOS 버전, h5 버전으로 컴파일할 수 있습니다. 패키징을 통해 코드 세트를 여러 터미널에서 실행할 수 있습니다. Vue는 웹의 단일 페이지 애플리케이션용으로 설계되었지만 앱에서는 단일 페이지 애플리케이션이 중단됩니다.
uni-app에는 자동 프레임 사전 로드 기능이 있어 페이지를 더 빠르게 로드할 수 있습니다.
구성요소/라벨 변경
이전에는 HTML 태그였지만 이제는 미니 프로그램 태그입니다.
- p가 view
- span으로 변경됨, 글꼴이 text로 변경됨
- a navigator로 변경됨
- img가 image
- 로 변경됨 입력은 그대로 유지되지만 유형 속성이 확인유형
- 으로 변경됨 양식, 버튼, 체크박스 , radio , label, textarea, canvas, video
이것들은 아직 남아있습니다.- select가 picker로 변경됨
- iframe이 web-view로 변경됨
- ul 및 li가 사라지고 view로 대체됨
- audio는 더 이상 권장되지 않음, api 모드로 변경, 배경 오디오 api 문서
사실 이전 HTML 태그 uni-app 컴파일러는 컴파일 중에 이전 태그를 새 태그로 변환합니다(예: p를 뷰로 컴파일). 그러나 이 사용법은 H5 끝을 디버깅할 때 쉽게 혼동을 일으킬 수 있으므로 권장되지 않습니다.
변경 사항 외에도 휴대폰에서 일반적으로 사용되는 여러 가지 새로운 구성 요소가 추가되었습니다.
- 스크롤 뷰 영역 스크롤 뷰 컨테이너
- 스와이프 스와이프 영역 뷰 컨테이너
- icon 아이콘
- 리치 텍스트 서식 있는 텍스트(실행 가능한 js는 아니지만 다양한 텍스트 형식과 이미지를 렌더링할 수 있음)
- 진행률 표시줄
- 슬라이더 슬라이더 표시기
- 스위치 스위치 선택기
- 카메라 카메라
- live-player 라이브 방송
- map map
- cover-view 네이티브 컴포넌트를 덮을 수 있는 뷰 컨테이너
cover-view를 몇 마디 더 강조해야 하는데, uni-app은 h5가 아닙니다. 끝에 있는 비디오, 지도, 캔버스, 텍스트 영역은 기본 구성 요소이며 다른 구성 요소보다 수준이 높습니다. 지도에 마스크를 추가하는 등 기본 구성 요소를 처리해야 하는 경우에는 내장된 구성 요소 외에도 일반적인 작업을 캡슐화하는 오픈 소스 확장 구성 요소도 많이 있습니다. 이를 포함하기 위해 플러그인 마켓을 구축했습니다. 확장 구성 요소에 대한 자세한 내용은 플러그인 마켓을 참조하세요
Jsuni-app의 API는 미니 프로그램을 기반으로 하기 때문에 일반 프로그램과 매우 다릅니다. 예를 들어,
alert,confirm은 uni.showmodel로 변경되고uni-app의 js API는 여전히 존재하지만 기본적으로는 미니 프로그램의 API입니다. wx.request를 uni.request로 변경하면 됩니다.
- ajax axios는 uni.request
- cookie로 변경되고 세션은 사라지고 local.storage는 uni.storage
- vue로 변경됩니다. -router는 사라졌고 uni.navigateTo
uni-app은 다양한 터미널에서 조건부 컴파일을 지원하며 각 터미널의 고유한 API를 제한 없이 사용할 수 있습니다.
uniapp에는 라우팅 및 요청 방법이 함께 제공됩니다.uni.navigateTo 라우팅 및 페이지 점프
uni. requestvue.js tutorial관련 추천: "
", "uniapp tutorial"
위 내용은 vue와 uni-app의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!