Introduction aux questions d'entretien avec vue (avec réponses)-js tutoriel-php.cn

Le contenu de cet article est une introduction aux questions d'entretien Vue (avec réponses). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Vue devient de plus en plus populaire. En ce qui concerne les pays nationaux et étrangers, Vue a un large éventail d'applications, qu'il s'agisse de grandes entreprises telles que BAT ou de start-up. Au cours de l'entretien, les principes techniques liés à Vue doivent également être testés. On peut dire que pour tout ingénieur front-end, maîtriser Vue n'est peut-être pas une option, mais plutôt un « cours obligatoire ».

De nombreuses personnes travaillant sur des projets Vue utilisent directement des frameworks d'interface utilisateur tels que element ui. Bien que ces frameworks nous aident beaucoup en termes d'efficacité, ils n'améliorent en réalité pas du tout notre technologie. Répondez à la technologie de base Vue demandée par l'intervieweur.

Pour un développeur, si vous savez seulement comment utiliser un cadre technique et ne comprenez jamais les principes de mise en œuvre et les idées de conception derrière la technologie de base dans ce cadre, je n'irai certainement pas loin sur la voie de la technologie. En tant que développeur, j'ai une expérience très approfondie. Ici, je voudrais également vous donner une recommandation sincère. L'auteur du framework UI ant Design vue a lancé un framework UI dans Geek Time. Le cours s'appelle Vue Development Practical (il existe). un lien d'achat en bas de l'article). J'ai également acheté ce cours moi-même et je pense qu'il est bien enseigné. Il vous aidera à maîtriser les principes techniques et les applications de Vue, et vous comprendrez également ses principes sous-jacents. Grâce à des projets pratiques, vous pourrez travailler de manière indépendante. prendre en charge les projets front-end de Vue. Cette capacité sera très utile pour votre changement d'emploi et votre entretien, ainsi que pour démarrer avec Vue. De nombreux acheteurs, y compris moi-même, estiment également qu'elle regorge d'informations utiles. Recommandé à tous ceux qui en ont besoin.

D'accord, allons droit au but. Aujourd'hui, je vais vous poser quelques questions avancées d'entretien avec Vue.

1. Qu'est-ce que MVVM ?
Réponse : MVVM est l'abréviation de Model-View-ViewModel. Model représente le modèle de données, qui définit la logique métier des opérations de données. View représente la couche de vue, qui est responsable du rendu du modèle de données. ViewModel est lié via une liaison bidirectionnelle. Une idée de conception qui permet à View et Model d'interagir de manière synchrone sans manipuler manuellement le DOM.

2. Comment définir le routage dynamique de vue-router ? Comment récupérer les paramètres dynamiques transmis ?
Réponse : Dans le fichier index.js du répertoire du routeur, ajoutez /:id à l'attribut path. Utilisez le params.id de l'objet routeur

3. Quels types de hooks de navigation possède vue-router ?
Réponse : Trois types. L'un est le hook de navigation global : router.beforeEach(to,from,next). Sa fonction est de juger et d'intercepter avant de sauter. Le deuxième type : hooks au sein des composants ; le troisième type : routage indépendant de composants exclusifs

4. Qu'est-ce que vuex ? Comment utiliser ? Quel scénario fonctionnel l’utilise ?
Réponse : Gestion de l'état dans le framework vue. Introduisez store dans main.js et injectez-le. Un nouveau magasin d'annuaire est créé,...export. Les scénarios incluent : l'état entre les composants dans une application d'une seule page. Lecture de musique, statut de connexion, ajout au panier

5. Quelle est la différence entre MVVM et MVC ? En quoi est-il différent des autres frameworks (jquery) ? Quels scénarios s'appliquent ?
Réponse : MVVM et MVC sont tous deux des idées de conception. L'essentiel est que le contrôleur dans MVC évolue vers un ViewModel qui utilise principalement des données pour afficher la couche de vue au lieu de nœuds d'exploitation, ce qui résout un grand nombre de problèmes. Opérations DOM dans MVC Les performances de rendu des pages sont réduites, la vitesse de chargement est lente et l'expérience utilisateur est affectée. Principalement utilisé dans des scénarios comportant de nombreuses opérations de données.
Scénarios : Scénarios avec beaucoup d'opérations de données, plus pratiques

6. Quel est le principe de la liaison de données bidirectionnelle de la société Vue ?
Réponse : vue.js utilise le détournement de données combiné au modèle éditeur-abonné. Il utilise Object.defineProperty() pour détourner les setters et getters de chaque propriété, et publie des messages aux abonnés lorsque les données changent. le rappel d’écoute correspondant.

7. Veuillez parler du processus d'encapsulation des composants de vue ?
R : Tout d'abord, les composants peuvent améliorer l'efficacité du développement de l'ensemble du projet. Ils peuvent résumer la page en plusieurs modules relativement indépendants, ce qui résout les problèmes de notre développement de projet traditionnel : faible efficacité, maintenance difficile, réutilisabilité, etc.

Ensuite, utilisez la méthode Vue.extend pour créer un composant, puis utilisez la méthode Vue.component pour enregistrer le composant. Les composants enfants nécessitent des données, qui peuvent être définies dans les accessoires. Une fois que le composant enfant a modifié les données, il souhaite transmettre les données au composant parent. Vous pouvez utiliser la méthode de lancement

8. Parlez de votre compréhension de la compilation de modèles de Vue.js
Réponse : En bref, il est d'abord converti en arbre AST, puis obtenu La fonction de rendu renvoie VNODE (le nœud DOM virtuel de la société Vue)
Étapes détaillées :

Tout d'abord, compilez le modèle dans un arbre de syntaxe AST (l'arbre de syntaxe abstrait est l'arbre de la structure de syntaxe abstraite de la source code) via le compilateur (comme l'expression), la compilation est la valeur de retour de createCompiler, qui est utilisée pour créer un compilateur. Responsable de la fusion des options.

Ensuite, l'AST sera généré (le processus de conversion de l'arbre de syntaxe AST en une chaîne de fonction de rendu) pour obtenir la fonction de rendu. La valeur de retour du rendu est VNode est le nœud DOM virtuel de. Vue, qui contient (nom de l'étiquette, nœuds enfants, texte, etc.)

9. Quelle est la fonction de
Réponse : lors de l'encapsulation de composants dynamiques, les instances de composants inactifs seront mises en cache, principalement utilisées pour conserver l'état des composants ou éviter un nouveau rendu
Utilisation : lors de l'utilisation de pages simples
Cache :
Ne pas mettre en cache :

10. La différence entre vue et réagir
A : Points similaires : les deux encouragent la composantisation, ont le concept de « props » et ont leurs propres outils de construction. Reat et Vue n'ont que le squelette du framework. , et d'autres fonctions telles que le routage, la gestion de l'état, etc. sont des composants séparés par le framework.

Différences : React : flux de données unidirectionnel, syntaxe - JSX, dans React, vous devez utiliser la méthode setState() pour mettre à jour l'état. Vue : liaison bidirectionnelle des données, syntaxe - HTML, l'objet d'état n'est pas requis, les données sont gérées dans l'objet Vue par attribut de données. Convient aux petites applications, mais ne convient pas aux grandes applications.

11. Quelles sont les similitudes et les différences entre les instructions v-show et v-if
L'instruction v-show affiche ou masque l'élément en modifiant son attribut displayCSS.
L'instruction v-if détruit et reconstruit directement le DOM pour afficher et masquer des éléments.

12. La différence entre $route et $router
Réponse : $route est un "objet d'informations de routage", comprenant le chemin, les paramètres, le hachage, la requête, le chemin complet, la correspondance, nom, etc. Paramètres des informations de routage. Et $router est un objet "instance de routage" qui inclut des méthodes de saut de routage, des fonctions de hook, etc.

13 Le rôle des valeurs clés dans vue
Réponse : Quand. en utilisant Vue.js Lorsque v-for met à jour une liste d'éléments rendus, il utilise par défaut une stratégie de « réutilisation sur place ». Si l'ordre des éléments de données est modifié, Vue ne déplacera pas les éléments DOM pour qu'ils correspondent à l'ordre des éléments de données, mais réutilisera simplement chaque élément et s'assurera qu'il affiche chaque élément qui a été rendu à un index spécifique. La fonction principale de key est de mettre à jour efficacement le DOM virtuel

Cet article est terminé ici Pour d'autres contenus passionnants, vous pouvez prêter attention à la colonne Vidéo du didacticiel JavaScript du PHP chinois. site web!