Quelle est la différence entre vue et uni-app

La différence entre vue et uni-app : 1. uni-app peut réaliser un ensemble de code à exécuter sur plusieurs terminaux via le packaging, mais vue ne le peut pas ; 2. uni-app a un préchargement automatique des cadres et charge les pages plus rapidement, mais vue ne le fait pas ; 3. uniapp utilise les balises du mini programme, et vue utilise les balises du côté web 4. uni ne prend pas en charge vue-router et utilise son propre routage ;

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1&&vue2.9.6, ordinateur Dell G3.

La différence entre uniapp et vue

uni-app peut être compilée dans une applet (Toutiao, Alipay, WeChat, QQ, Baidu), version Android, version ios, version h5. Grâce au packaging, un ensemble de codes peut être exécuté sur plusieurs terminaux ; Vue est conçu pour les applications d'une seule page sur le Web, mais sur l'application, les applications d'une seule page resteront bloquées.

uni-app dispose également d'un préchargement automatique des cadres, permettant un chargement des pages plus rapide.

Changements dans les composants/étiquettes

Auparavant, c'étaient des balises html, maintenant ce sont des mini balises de programme.

• p changé en view
• span, police changée en texte
• a changé en navigateur
• img changé en image
• l'entrée est toujours là, mais l'attribut type a été changé en confirmtype
• formulaire, bouton, case à cocher , radio, étiquette, zone de texte, toile, vidéo
  Ceux-ci sont toujours là.
• select a été remplacé par picker
• iframe a été remplacé par web-view
• ul et li ont disparu, remplacés par view
• l'audio n'est plus recommandé, changé en mode api, document api audio en arrière-plan
  En fait, les anciennes balises HTML sont également Il peut être utilisé dans uni-app Le compilateur uni-app convertira les anciennes balises en nouvelles balises lors de la compilation, par exemple, compilera p en vue. Cependant, cette utilisation n’est pas recommandée, car elle peut facilement prêter à confusion lors du débogage du côté H5.

En plus des changements, un certain nombre de nouveaux composants couramment utilisés sur les téléphones mobiles ont été ajoutés

• conteneur de vue déroulante avec zone de défilement

• conteneur de vue de zone balayable par balayage

• icône icône

• texte riche en texte enrichi (pas de js exécutable, mais peut restituer divers formats de texte et d'images)

• barre de progression

• curseur indicateur de curseur

• sélecteur de commutateur

• ca caméra mera

• diffusion en direct du lecteur live

• map map

• cover-view Un conteneur de vue qui peut couvrir les composants natifs

cover-view doit être souligné quelques mots de plus, uni-app est not h5 La vidéo, la carte, le canevas et la zone de texte à la fin sont des composants natifs et leur niveau est supérieur à celui des autres composants. Si vous devez couvrir des composants natifs, tels que l'ajout d'un masque à la carte, vous devez utiliser le composant cover-view. En plus des composants intégrés, il existe également de nombreux composants d'extension open source qui encapsulent les opérations courantes. a créé un marché de plug-ins pour les inclure. Pour les composants d'extension, veuillez consulter le marché des plug-ins pour plus de détails

Js

Parce que l'API d'uni-app est basée sur le mini-programme, elle est très différente du l'API JS du navigateur. Par exemple,

alert,confirm est remplacé par uni.showmodel

1. ajax axios est remplacé par uni.request
2. le cookie et la session ont disparu, local.storage est remplacé par uni.storage
3. vue. -router a disparu, remplacé par uni.navigateTo

L'API js d'uni-app est toujours là. Il y en a beaucoup, mais en gros, c'est l'API du mini programme.

uni-app prend en charge la compilation conditionnelle sur différents terminaux et peut utiliser l'API unique de chaque terminal sans restriction

uniapp est livré avec des méthodes de routage et de requête

uni.navigateTo et de saut de page

uni.

Recommandations associées : "

tutoriel vue.js

", "tutoriel uniapp"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!