Der Inhalt dieses Artikels ist eine Einführung in Vue-Interviewfragen (mit Antworten). Ich hoffe, dass er für Sie hilfreich ist.
Vue wird immer beliebter. Mit Blick auf das In- und Ausland verfügt Vue über ein breites Anwendungsspektrum, sei es bei Großunternehmen wie BAT oder Start-up-Unternehmen. Während des Interviews müssen auch Vue-bezogene technische Prinzipien getestet werden. Man kann sagen, dass die Beherrschung von Vue für jeden Front-End-Ingenieur möglicherweise keine Option, sondern eher ein „Pflichtkurs“ ist.
Viele Leute, die an Vue-Projekten arbeiten, verwenden direkt UI-Frameworks wie Element UI. Obwohl diese Frameworks uns in Bezug auf die Effizienz sehr helfen, werden sie unsere Technologie definitiv nicht verbessern können Beantworten Sie die vom Interviewer gestellte Frage zur Vue-Kerntechnologie.
Wenn Sie als Entwickler nur wissen, wie man ein technisches Framework verwendet, aber nie die Implementierungsprinzipien und Designideen hinter der Kerntechnologie in diesem Framework verstehen, werden Sie auf dem Weg der Technologie definitiv nicht weit kommen. Als Entwickler möchte ich Ihnen auch eine herzliche Empfehlung aussprechen. Der Autor des UI-Frameworks ant Design vue hat in Geek Time einen Kurs namens „Vue Development Practical“ gestartet einen Kauflink am Ende des Artikels). Ich habe diesen Kurs auch selbst gekauft und denke, er wird Ihnen helfen, die technischen Prinzipien und Anwendungen von Vue zu beherrschen, und Sie werden auch in der Lage sein, die zugrunde liegenden Prinzipien zu verstehen Übernehmen Sie die Leitung von Vue-Front-End-Projekten. Viele Käufer, darunter auch ich, sind der Meinung, dass es viele nützliche Informationen enthält. Jedem Bedürftigen zu empfehlen.
Okay, kommen wir zur Sache. Heute werde ich Ihnen einige fortgeschrittene Vue-Interviewfragen stellen.
1. Was ist MVVM?
Antwort: MVVM ist die Abkürzung für Model-View-View. Model stellt das Datenmodell dar, das die Geschäftslogik von Datenoperationen definiert. View stellt die Ansichtsschicht dar, die für die Darstellung des Datenmodells verantwortlich ist Seite. ViewModel ist durch bidirektionale Bindung gebunden. Eine Designidee, die es View und Model ermöglicht, synchron zu interagieren, ohne das DOM manuell zu manipulieren.
2. Wie definiere ich dynamisches Routing von Vue-Router? Wie erhalte ich die übergebenen dynamischen Parameter?
Antwort: Fügen Sie in der Datei index.js im Router-Verzeichnis /:id zum Pfadattribut hinzu. Verwenden Sie die params.id des Router-Objekts
3 Welche Arten von Navigations-Hooks hat der Vue-Router?
Antwort: Einer davon ist der globale Navigations-Hook: router.beforeEach(to,from,next). Seine Funktion besteht darin, vor dem Springen zu beurteilen und abzufangen. Der zweite Typ: Hooks innerhalb von Komponenten; der dritte Typ: unabhängiges Routing exklusiver Komponenten
4. Was ist Vuex? Wie benutzt man? Welches Funktionsszenario verwendet es?
Antwort: Zustandsverwaltung im Vue-Framework. Führen Sie den Store in main.js ein und fügen Sie ihn ein. Ein neuer Verzeichnisspeicher wird erstellt,...exportieren. Zu den Szenarien gehören: Status zwischen Komponenten in einer Single-Page-Anwendung. Musikwiedergabe, Anmeldestatus, Hinzufügen zum Warenkorb
5. Was ist der Unterschied zwischen MVVM und MVC? Wie unterscheidet es sich von anderen Frameworks (jquery)? Welche Szenarien gelten?
Antwort: MVVM und MVC sind beide Designideen. Die Hauptsache ist, dass sich der Controller in MVC zu einem ViewModel entwickelt, das hauptsächlich Daten zur Anzeige der Ansichtsebene anstelle von Betriebsknoten verwendet, was eine große Anzahl von Problemen löst DOM-Operationen in MVC werden reduziert, die Ladegeschwindigkeit ist langsam und die Benutzererfahrung wird beeinträchtigt. Wird hauptsächlich in Szenarien mit vielen Datenoperationen verwendet.
Szenarien: Szenarien mit vielen Datenoperationen, bequemer
6. Was ist das Prinzip der bidirektionalen Datenbindung des Unternehmens Vue?
Antwort: vue.js nutzt Daten-Hijacking in Kombination mit dem Publisher-Subscriber-Modell. Es nutzt Object.defineProperty(), um die Setter und Getter jeder Eigenschaft zu kapern und Nachrichten an Abonnenten zu veröffentlichen, wenn sich die Daten ändern den entsprechenden Listening-Callback.
7. Bitte sprechen Sie über den Prozess der Kapselung von Vue-Komponenten?
A: Erstens können Komponenten die Entwicklungseffizienz des gesamten Projekts verbessern. Sie können die Seite in mehrere relativ unabhängige Module abstrahieren, was die Probleme unserer traditionellen Projektentwicklung löst: geringe Effizienz, schwierige Wartung. Wiederverwendbarkeit usw.
Verwenden Sie dann die Vue.extend-Methode, um eine Komponente zu erstellen, und verwenden Sie dann die Vue.component-Methode, um die Komponente zu registrieren. Untergeordnete Komponenten erfordern Daten, die in Requisiten definiert werden können. Nachdem die untergeordnete Komponente die Daten geändert hat, möchte sie die Daten an die übergeordnete Komponente übergeben. Sie können die Startmethode verwenden
8. Sprechen Sie über Ihr Verständnis der Vorlagenkompilierung von Vue.js
Antwort: Kurz gesagt, es wird zuerst in einen AST-Baum konvertiert und dann erhalten Die Rendering-Funktion gibt VNODE (virtueller DOM-Knoten der Firma Vue) zurück
Detaillierte Schritte:
Kompilieren Sie zunächst die Vorlage in einen AST-Syntaxbaum (abstrakter Syntaxbaum ist der Baum der abstrakten Syntaxstruktur des Quellcode) durch den Compiler (wie Ausdruck), Kompilierung ist der Rückgabewert von createCompiler, der zum Erstellen eines Compilers verwendet wird. Verantwortlich für die Zusammenführung von Optionen.
Dann wird der AST generiert (der Prozess der Konvertierung des AST-Syntaxbaums in eine Rendering-Funktionszeichenfolge), um die Rendering-Funktion zu erhalten. VNode ist der virtuelle DOM-Knoten Vue, das (Labelname, untergeordnete Knoten, Text usw.)
enthält9. Welche Funktion hat
Antwort: Beim Umschließen dynamischer Komponenten werden inaktive Komponenteninstanzen zwischengespeichert, hauptsächlich um den Komponentenstatus beizubehalten oder ein erneutes Rendern zu vermeiden
Verwendung: Bei Verwendung einfacher Seiten
Cache:
Nicht zwischenspeichern:
10. Der Unterschied zwischen Vue und React
A: Ähnliche Punkte: Beide fördern die Komponentisierung, haben das Konzept von „Requisiten“ und verfügen über eigene Konstruktionswerkzeuge, und Vue verfügt nur über das Grundgerüst des Frameworks und andere Funktionen wie Routing, Statusverwaltung usw. sind durch das Framework getrennte Komponenten.
Unterschiede: React: unidirektionaler Datenfluss, Syntax – JSX, in React müssen Sie die setState()-Methode verwenden, um den Status zu aktualisieren. Vue: Zwei-Wege-Bindung von Daten, Syntax – HTML, Statusobjekt ist nicht erforderlich, Daten werden im Vue-Objekt durch Datenattribute verwaltet. Geeignet für kleine Anwendungen, jedoch nicht für große Anwendungen.
11. Was sind die Ähnlichkeiten und Unterschiede zwischen den V-Show- und V-IF-Anweisungen?
Die V-Show-Anweisung zeigt das Element an oder verbirgt es, indem es sein displayCSS-Attribut ändert.
Die v-if-Anweisung zerstört das DOM direkt und baut es neu auf, um Elemente anzuzeigen und auszublenden.
12. Der Unterschied zwischen $route und $router
Antwort: $route ist ein „Routing-Informationsobjekt“, einschließlich Pfad, Parameter, Hash, Abfrage, vollständiger Pfad, übereinstimmend, Name usw. Routing-Informationsparameter. Und $router ist ein „Routing-Instanz“-Objekt, das Routing-Sprungmethoden, Hook-Funktionen usw. enthält.
Die Rolle von Schlüsselwerten in Vue
Antwort: Wann Verwenden von Vue.js Wenn v-for eine Liste gerenderter Elemente aktualisiert, wird standardmäßig eine Strategie der „direkten Wiederverwendung“ verwendet. Wenn die Reihenfolge der Datenelemente geändert wird, verschiebt Vue die DOM-Elemente nicht, um sie an die Reihenfolge der Datenelemente anzupassen, sondern verwendet einfach jedes Element dort wieder und stellt sicher, dass jedes Element angezeigt wird, das an einem bestimmten Index gerendert wurde. Die Hauptfunktion von key besteht darin, das virtuelle DOM effizient zu aktualisieren.
Dieser Artikel endete hier. Weitere spannende Inhalte finden Sie in der Spalte JavaScript-Tutorial-Video des PHP-Chinesen Webseite!
Verwandte Empfehlungen:
Das obige ist der detaillierte Inhalt vonEinführung in Vue-Interviewfragen (mit Antworten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
