Heim  >  Artikel  >  Web-Frontend  >  Analyse von 15 häufig gestellten Vue-Interviewfragen

Analyse von 15 häufig gestellten Vue-Interviewfragen

hzc
hzcOriginal
2020-06-22 11:10:072224Durchsuche

1. Vorteile von vue?

Antwort:

  • Leichtes Framework: Konzentriert sich nur auf die Ansichtsebene, es handelt sich um eine Sammlung von Ansichten, die Daten erstellen, nur ein paar Dutzend in der Größe <code><span style="font-size: 14px;">kb</span>kb ;

  • Leicht zu erlernen: von Chinesen entwickelt, Chinesisch Dokumentation, keine Sprachbarriere, leicht zu verstehen und zu erlernen

  • Zwei-Wege-Datenbindung: beibehalten <span style="font-size: 14px;">angular</span><span style="font-size: 14px;">angular</span>

    Funktionen, die bei Datenoperationen einfacher sind
  • <span style="font-size: 14px;">react</span>Komponentisierung: beibehalten reagieren<span style="font-size: 14px;">html</span> Die Vorteile von Code> realisieren die Kapselung und Wiederverwendung von

    HTML
  • , was einzigartige Vorteile beim Erstellen von Einzelseitenanwendungen bietet

  • Trennung von Ansicht, Daten und Struktur: Datenänderungen werden einfacher, der Logikcode muss nicht geändert werden, es müssen nur die Daten bearbeitet werden, um zugehörige Vorgänge abzuschließen

    <span style="font-size: 14px;">dom</span>Virtuelles DOM: <span style="font-size: 14px;">dom</span><span style="font-size: 14px;">dom</span><span style="font-size: 14px;">dom</span> Der Betrieb ist sehr leistungsintensiv und nativ man wird nicht mehr verwendet dom<span style="font-size: 14px;">dom</span> Operationsknoten, große Befreiung

    dom
  • Operation, aber spezifisch Die Operation ist immer noch

    <span style="font-size: 14px;">dom</span><span style="font-size: 14px;">react</span>, aber auf andere Weise <span style="font-size: 14px;">dom</span><span style="font-size: 14px;">vue</span> Läuft schneller: Im Vergleich zu react

  • arbeitet es auch mit virtuellem
<h3 data-id="heading-1">dom<span style="font-size: 14px;"> code></span> In Bezug auf die Leistung hat </h3> <code><p>vue<code>props

große Vorteile.

$emit2. Übergibt die übergeordnete Vue-Komponente Daten an die untergeordnete Komponente?

Antwort: Durch

3 Übergibt die untergeordnete Komponente Ereignisse wie die übergeordnete Komponente?

Antwort: v-showMethodedisplaynonev-if4. Was sind die Gemeinsamkeiten und Unterschiede zwischen V-Show- und V-IF-Anweisungen? falsev-ifv-showAntwort: v-if
Gemeinsamkeiten: Beide können das Anzeigen und Ausblenden von Elementen steuern.

Unterschiede: Die wesentlichen Implementierungsmethoden sind unterschiedlich.

Die Das Wesentliche ist, dass in CSS auf gesetzt ist, wodurch das Ausblenden gesteuert wird und nur einmal kompiliert wird.

fügt DOM-Elemente dynamisch zum DOM-Baum hinzu oder löscht sie wird nicht kompiliert. Darüber hinaus

Kontinuierliche Zerstörung und Schöpfung verbraucht Leistung. Zusammenfassung: Wenn Sie einen Knoten häufig wechseln möchten, verwenden Sie style (der Switching-Overhead ist relativ gering, aber der anfängliche Overhead ist groß). Wenn Sie einen Knoten nicht häufig wechseln müssen, verwenden Sie scoped (der anfängliche Rendering-Overhead ist gering, der Switch-Overhead jedoch relativ groß).

Wenn Sie alle oben genannten Punkte kennen, bedeutet das, dass Sie mit 60 Punkten bestanden haben. Außerdem werden Sie jetzt, da vue3.0 verfügbar ist, bei der Jobsuche normalerweise danach gefragt, ob Sie dies getan haben. Ich habe es noch nicht gelernt. Sie können zum Front-End-Knopfrock 519293536 gehen, um zu kommunizieren und zu lernen. Dort gibt es viele große Leute, die auch Informationen über neue Front-End-Technologien austauschen!

5. Wie kann man dafür sorgen, dass CSS nur in der aktuellen Komponente funktioniert?

keep-alive

Antwort: Fügen Sie

in der Komponente hinzu 🎜>

6. Was ist die Funktion?

ref="domName"this.$refs.domNameAntwort:

ist eine integrierte Komponente von Vue, die es integrierten Komponenten ermöglicht, ihren Zustand beizubehalten oder ein erneutes Rendern zu vermeiden.

7. Wie bekomme ich Dom?

v-modelAntwort:

Verwendung:

v-for

8. Nennen Sie mehrere vue Was Sind die Anweisungen und wie man sie verwendet? v-ifv-show

Antwort:

Zwei-Wege-Datenbindung v-onv-once

Schleife; Ein- und Ausblenden; Ereignis; : nur einmal gebunden.

9. Was ist Vue-Loader? Welche Verwendungszwecke gibt es?

Antwort: Ein Loader für Vue-Dateien, der template/js/style in js-Module konvertiert.

Verwendung: js kann als es6 geschrieben werden, style Stil kann als scss oder less geschrieben werden, template kann als jade usw. hinzugefügt werden.

10. Warum Schlüssel verwenden?

Antwort: Sie müssen key verwenden, um jedem Knoten eine eindeutige Kennung zu geben. Der Diff-Algorithmus kann diesen Knoten korrekt identifizieren. Die Hauptfunktion besteht darin, das virtuelle DOM effizient zu aktualisieren.

11.axios und Installation?

Antwort: Modul, das Hintergrundressourcen anfordert. npm install axios —save ist installiert, verwenden Sie import in js, dann .get oder .post . Bei Erfolg erfolgt die Rückgabe in der Funktion .then, der Fehler in der Funktion .catch.

12. Die Verwendung von v-modal

Antwort: v-model wird für die bidirektionale Bindung von Formulardaten verwendet. Tatsächlich handelt es sich um einen syntaktischen Zucker . Dies geschieht im Hintergrund: v-bind bindet ein value-Attribut; die v-on-Anweisung bindet das input-Ereignis.

13. Bitte teilen Sie mir die Verwendung jedes Ordners und jeder Datei im src-Verzeichnis im vue.cli-Projekt mit.

Antwort: Der Ordner assets ist für Komponenten; components dient zum Definieren von Routing-bezogenen Konfigurationen; router Es ist die Eintragsdatei. app.vuemain.js

14. Beschreiben Sie kurz die Nutzungsszenarien von Computer und Uhr

Antwort:

    <li> berechnet <p></p> </li><span style="font-size: 14px;">computed</span>: Wenn ein Attribut von mehreren Attributen beeinflusst wird, müssen Sie berechnet<span style="font-size: 14px;">computed</span>
verwenden, die typischste Kastanie : Beim Auschecken von Warenkorbartikeln
  • <code><span style="font-size: 14px;">watch</span>beobachten : Wenn ein Datenelement mehrere Datenelemente betrifft , Muss <code><span style="font-size: 14px;">watch</span><code><span style="font-size: 14px;">watch</span>

    verwenden, Kastanie: Suchdaten
  • 15.v -on Kann ich mehrere Methoden anhören?

    <input type="text" v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">
    Antwort: Ja, Kastanie:

    .

    Empfohlenes Tutorial: „

    JS-Tutorial“

    Das obige ist der detaillierte Inhalt vonAnalyse von 15 häufig gestellten Vue-Interviewfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn