Erstellen Sie eine Vuex-Umgebung Erstellen Sie einen Ordner // scr/vuex/index.js // Vuex importieren Vuex von „vuex“ importieren // Wird verwendet, um auf Aktionen in Komponenten zu reagieren const actions = {} // Wird zum Manipulieren von Daten verwendet const mutations = {} // Wird zum Speichern von Daten verwendet const state = {} // Einen Shop erstellen const store = neuer Vuex.Store({ Aktionen, Mutationen, Zustand }) // Shop exportieren Standardspeicher exportieren // Haupt.js Vue von „vue“ importieren App aus „./App.vue“ importieren Vuex von „vuex“ importieren Store aus „./store/index“ importieren Vue.Verwenden(Vuex) neuer Vue({ render:h => h(App), speichern }).$mount('#app') Dies führt jedoch zu einem Fehler:
Bedeutung : [vuex] Grund : Wenn wir den Store importieren, wird zuerst der Code der importierten Datei ausgeführt. Wenn also der folgende Code ausgeführt wird, wurde die importierte Datei ausgeführt. In diesem Fall vertauschen wir die beiden Codezeilen: Aber das tatsächliche Ergebnis ist: Grund : Dies ist ein Problem mit der Gerüstanalyse der Importanweisungen. Die importierte Datei wird am Anfang des Codes platziert und dann wird der Code dieser Datei analysiert. Richtige Schreibweise: // scr/store/index.js // Vuex und Vue importieren Vuex von „vuex“ importieren Vue von „vue“ importieren // Vuex-Plugin anwenden Vue.use(Vuex) // Wird verwendet, um auf Aktionen in Komponenten zu reagieren const actions = {} // Wird zum Manipulieren von Daten verwendet const mutations = {} // Wird zum Speichern von Daten verwendet const state = {} // Einen Shop erstellen const store = neuer Vuex.Store({ Aktionen, Mutationen, Zustand }) // Shop exportieren Standardspeicher exportieren // Haupt.js Vue von „vue“ importieren App aus „./App.vue“ importieren Store aus „./store/index“ importieren neuer Vue({ render:h => h(App), speichern }).$mount('#app') Zusammenfassen Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: Parsen des Linux-Quellcodes epoll
>>: Detaillierte Erklärung zur Verwendung des Basis-Tags in HTML
In diesem Artikelbeispiel wird der spezifische Co...
Verwandte Artikel: Anfänger lernen einige HTML-Ta...
Vorwort Wenn beim kontinuierlichen Code-Delivery-...
Inhaltsverzeichnis 1. Datenbanken verstehen 1.1 D...
Lösung 1: Laden Sie die Datei msvcr100.dll herunt...
Der Fehler lautet wie folgt: Nicht abgefangener T...
@Font-face grundlegende Einführung: @font-face ist...
Inhaltsverzeichnis erreichen: Zusammenfassen: Daz...
Das WeChat-Applet verwendet die Scroll-Ansicht, u...
Apache SkyWalking Apache SkyWalking ist ein Tool ...
Tomcat7.0 legt virtuelles Verzeichnis fest (1) De...
Code und Beispiele direkt posten #Schreiben Sie K...
1. Entpacken Sie das Zip-Paket in das Installatio...
Als ich heute VMware verwendete, um eine neue vir...
Informationen zu CSS3-Variablen Fügen Sie beim De...