Maison > interface Web > js tutoriel > Analyse de 15 questions courantes d'entretien avec Vue

Analyse de 15 questions courantes d'entretien avec Vue

hzc
Libérer: 2020-06-22 11:10:07
original
2288 Les gens l'ont consulté

1. Avantages de vue ?

Réponse :

  • Cadre léger : se concentrant uniquement sur la couche de vue, c'est un ensemble de vues qui construit des données, seulement quelques dizaines en taille <code><span style="font-size: 14px;">kb</span>ko ;

  • Facile à apprendre : développé par des chinois, des chinois documentation, pas de barrière linguistique, facile à comprendre et à apprendre

  • Liaison de données bidirectionnelle : conservée <span style="font-size: 14px;">angular</span><span style="font-size: 14px;">angulaire</span>

    fonctionnalités, plus simples dans les opérations sur les données
  • <span style="font-size: 14px;">react</span>Componentisation : conservée react<span style="font-size: 14px;">html</span> Les avantages du code> réalisent l'encapsulation et la réutilisation de

    html
  • , qui présente des avantages uniques dans la création d'applications d'une seule page

  • Séparation de la vue, des données et de la structure : simplifier les modifications des données, pas besoin de modifier le code logique, il suffit d'exploiter les données pour effectuer les opérations pertinentes ; 🎜>
  • <span style="font-size: 14px;">dom</span>DOM virtuel : dom<span style="font-size: 14px;">dom</span> L'opération est très gourmande en performances, et le celui natif n'est plus utilisé <span style="font-size: 14px;">dom</span>dom Noeud d'opération, grande libération <span style="font-size: 14px;">dom</span><span style="font-size: 14px;">dom</span>

    Le fonctionnement, mais spécifique Le fonctionnement est toujours
  • <li>dom<p></p> </li> mais d'une autre manière <span style="font-size: 14px;">react</span><span style="font-size: 14px;">dom</span> Fonctionne plus rapidement : par rapport à react<span style="font-size: 14px;">vue</span>, il fonctionne également avec dom code>
, en termes de performances,

<span style="font-size: 14px;">vue</span>

présente de grands avantages.

props

2. Le composant parent vue transmet-il les données au composant enfant ?

$emitRéponse : Via

3. Le composant enfant transmet-il les événements comme le composant parent ?

Réponse :

Méthode

v-show4. Quelles sont les similitudes et les différences entre les instructions v-show et v-if ? displaynonev-ifRéponse :falsev-ifCe qu'ils ont en commun : Les deux peuvent contrôler l'affichage et le masquage des éléments v-showv-ifDifférences : Les méthodes essentielles de mise en œuvre sont différentes,

🎜> L'essence est via le contrôle

en CSS est défini sur

, qui contrôle le masquage et ne sera compilé qu'une seule fois ajoute ou supprime dynamiquement des éléments DOM à l'arborescence DOM si la valeur initiale est , il ne sera pas compilé. Et La destruction et la création continues consomment de la performance. Résumé : Si vous souhaitez changer fréquemment de nœud, utilisez

(la surcharge de commutation est relativement faible, mais la surcharge initiale est importante). Si vous n'avez pas besoin de changer fréquemment de nœud, utilisez

(la surcharge de rendu initiale est faible, mais la surcharge de commutation est relativement importante). stylescopedSi vous savez tout ce qui précède, cela signifie que vous avez réussi avec 60 points. De plus, maintenant que vue3.0 est sortie, on vous posera généralement des questions à ce sujet lors de la recherche d'un emploi, si vous l'avez fait. Je ne l'ai pas encore appris. Vous pouvez vous rendre sur la jupe boutonnée frontale de l'éditeur 519293536 pour communiquer et apprendre. Il y a beaucoup de grands là-bas, et ils partagent également des informations sur les nouvelles technologies frontales !

5. Comment faire en sorte que CSS ne fonctionne que dans le composant actuel ?

Réponse : Ajoutez keep-alive

dans le composant. 🎜>6. Quelle est la fonction ?

Réponse : ref="domName" est un composant intégré de Vue qui permet aux composants inclus de conserver leur état ou d'éviter un nouveau rendu. this.$refs.domName

7. Comment obtenir du dom ?

Réponse :

Utilisation : v-model

v-for8. sont les instructions et comment les utiliser ?

v-ifRéponse : v-show Liaison de données bidirectionnelle ;

v-on Boucle ; v-once

Afficher et masquer événement ;  : lié une seule fois.

9. Qu'est-ce que vue-loader ? Quelles sont les utilisations de son utilisation ?

Réponse : Un chargeur pour les fichiers vue qui convertit template/js/style en modules js.

Utilisation : js peut être écrit comme es6, le style style peut être scss ou less, template peut être ajouté comme jade, etc.

10. Pourquoi utiliser la clé ?

Réponse : Vous devez utiliser key pour donner à chaque nœud un identifiant unique, et l'algorithme Diff peut identifier correctement ce nœud. La fonction principale est de mettre à jour efficacement le DOM virtuel.

11.axios et installation ?

Réponse : Module qui demande des ressources en arrière-plan. npm install axios —save est installé, utilisez import en js, puis .get ou .post . Le retour est dans la fonction .then en cas de succès, et l'échec est dans la fonction .catch.

12. L'utilisation de v-modal

Réponse : v-model est utilisé pour la liaison bidirectionnelle des données de formulaire. En fait, c'est un sucre syntaxique. . C'est ce qui se fait en coulisses. Deux opérations sont effectuées : v-bind lie un attribut value ; l'instruction v-on lie l'événement input à l'élément courant.

13. Veuillez me dire l'utilisation de chaque dossier et fichier du répertoire src dans le projet vue.cli ?

Réponse : Le dossier assets est destiné aux ressources statiques ; components est destiné aux composants ; router est destiné à définir les configurations liées au routage ; app.vue est un composant principal de l'application ; > C'est le fichier d'entrée. main.js

14. Décrivez brièvement les scénarios d'utilisation du calcul et de la montre respectivement

Réponse :

  • <p> calculé <code><span style="font-size: 14px;">computed</span>

     : Lorsqu'un attribut est affecté par plusieurs attributs, vous devez utiliser <code><span style="font-size: 14px;">computed</span>calculé, le châtaignier le plus typique : Lors de la vérification des articles du panier
  • <span style="font-size: 14px;">watch</span><span style="font-size: 14px;">regarder</span><span style="font-size: 14px;">watch</span> : Lorsqu'une donnée affecte plusieurs données , Besoin d'utiliser montre

  • , marron : données de recherche

15.v -on Puis-je écouter plusieurs méthodes ? <input type="text" v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">

Réponse : Oui, Châtaigne :

.

Tutoriel recommandé : "Tutoriel JS"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal