Quelle est la différence entre vue3.0 et vue2.0 ?

Différence : dans vue2.0, quelle que soit la taille des données, un observateur sera créé pour elles au début ; lorsque les données sont volumineuses, cela peut entraîner une pression évidente sur les performances lors du chargement de la page. Vue3.0 ne créera des observateurs que pour "les données utilisées pour restituer la partie visible initiale", et les observateurs de vue3.0 sont plus efficaces.

La différence entre vue3.0 et 2.0

Vue-cli3.0 dans 8 Il est sorti officiellement le 11 mars Après avoir lu les commentaires, la compatibilité n'est pas très bonne et il y a beaucoup de changements dans les commandes. Je ne suis pas particulièrement optimiste

Par rapport à vue2.0, les avantages du. La version de vue3.0 se reflète principalement dans : Plus rapide, plus petit, plus facile à maintenir, plus facile à utiliser en natif, plus facile pour les développeurs

Plus rapide
1. Le DOM virtuel est complètement réécrit, le montage et l'application des correctifs sont 100 % plus rapides ;
2. Plus de rappels au moment de la compilation pour réduire la surcharge d'exécution ;
3. Mécanisme d'observation basé sur un proxy pour assurer une couverture linguistique complète et de meilleures performances
4. Abandonner l'objet. définirProperty, utiliser un proxy natif plus rapide ;
5. Vitesse d'initialisation de l'instance de composant augmentée de 100 %
6. Vitesse doublée/utilisation de la mémoire réduite de moitié

Plus petite
1. Le tremblement d'arbre est plus convivial ;
2. Nouveau moteur d'exécution de base : ~ 10 ko gzippé

===============

• Téléchargez et installez npm install -g vue@cli

• Liste de vues supprimées

• Créer un projet vue create

• Démarrer le projet npm run serve

• La structure du répertoire du projet par défaut a également changé :

• Le répertoire du fichier de configuration, les dossiers config et build ont été supprimés

• Suppression du fichier statique dossier, ajout d'un dossier public et déplacement de index.html vers public

• Ajout d'un dossier vues dans le dossier src pour classer les composants de vue et les composants publics

  
  

Remarque :

le travail en ligne chinois php a également commencé à enseigner la dernière version des cours vue. Les amis intéressés peuvent en savoir plus.

Installer

npm install -g vue@cli

vue create project //项目的名称

La différence entre vue2 et vue3

2. Documents officiels

3.0 : https://cli.vuejs.org/zh/

3. Créer des fichiers

3.0 : vue créer entrer le dossier du fichier du projet pour créer le projet.

2.0 : vue init webpack

4. Démarrez le projet

3.0 start npm run serve

2.0 start npm run dev

build Gone, la configuration a disparu, oh, et le point le plus important est que le modèle de nœud est automatiquement téléchargé lors de l'installation du projet 3.0.

Créez un vue.config.js dans le répertoire racine

module.exports = {
 baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',
 // outputDir: 在npm run build时 生成文件的目录 type:string, default:'dist'
 // outputDir: 'dist',
 // pages:{ type:Object,Default:undfind }
 devServer: {
 port: 8888, // 端口号
 host: 'localhost',
 https: false, // https:{type:Boolean}
 open: true, //配置自动启动浏览器
 // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
 proxy: {
 '/api': {
 target: &#39;<url>&#39;,
 ws: true,
 changeOrigin: true
 },
 &#39;/foo&#39;: {
 target: &#39;<other_url>&#39;
 }
 }, // 配置多个代理
 }
 }

==================

1 L'observation paresseuse est effectuée par défaut.

Dans la version 2.x, quelle que soit la taille des données, des observateurs seront créés pour celles-ci au début. Lorsque les données sont volumineuses, cela peut entraîner une pression importante sur les performances lors du chargement de la page. Dans la version 3.x, les observateurs ne seront créés que pour les "données utilisées pour restituer la partie visible initiale", et les observateurs 3.x sont plus efficaces.

2. Des notifications de modifications plus précises.

En terme de proportion : en version 2.x, lorsque vous utilisez Vue.set pour ajouter une propriété à un objet, tous les watchers de cet objet seront réexécutés en version 3.x, uniquement ceux-là ; qui dépendent de cette propriété. L'observateur s'exécutera à nouveau.

3.0 a récemment ajouté la prise en charge de TypeScript et PWA

4. Certaines commandes ont changé :

Téléchargez et installez npm install -g vue@cli

Liste de vues supprimée

Créer un projet vue create

Démarrer le projet npm run serve

5. La structure du répertoire du projet par défaut a également changé :

Supprimé le répertoire du fichier de configuration, les dossiers config et build

Suppression du dossier statique, ajout d'un dossier public et déplacement de index.html vers public

Dans le dossier src Un nouveau dossier de vues est ajouté pour la classification afficher les composants et les composants publics

Un résumé des questions d'entretien avec vue frontale en 2020 (avec réponses))

Recommandation du didacticiel Vue : les 5 dernières sélections de didacticiels vidéo vue.js en 2020

Pour plus de connaissances liées à la programmation, veuillez visiter :

! !

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!