Heim > Artikel > Web-Frontend > Analyse von 15 häufig gestellten Vue-Interviewfragen
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>
<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
<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
<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
<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. $emit
2. Übergibt die übergeordnete Vue-Komponente Daten an die untergeordnete Komponente?
Antwort: v-show
Methodedisplay
none
v-if
4. Was sind die Gemeinsamkeiten und Unterschiede zwischen V-Show- und V-IF-Anweisungen? false
v-if
v-show
Antwort: v-if
Gemeinsamkeiten: Beide können das Anzeigen und Ausblenden von Elementen steuern.
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ß).
keep-alive
ref="domName"
this.$refs.domName
Antwort:
v-model
Antwort:
v-for
8. Nennen Sie mehrere vue Was Sind die Anweisungen und wie man sie verwendet? v-if
v-show
Zwei-Wege-Datenbindung v-on
v-once
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.
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.
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
.
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.
Antwort: Der Ordner assets
ist für Komponenten; components
dient zum Definieren von Routing-bezogenen Konfigurationen; router
Es ist die Eintragsdatei. app.vue
main.js
<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>
<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>
<input type="text" v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">
Antwort: Ja, Kastanie:
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!