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
So verwenden Sie CSS, um die Bogenbewegung von El...
1. Geschäftshintergrund Die Verwendung einer Mask...
Inhaltsverzeichnis Grundlegende Selektoren: Ebene...
Inhaltsverzeichnis Transaktionsisolationsebene Wa...
Verwendung von v-on:clock in Vue Ich lerne derzei...
Dieser Artikel erläutert anhand eines konkreten B...
1. Hintergrund Bei unserer täglichen Website-Wart...
1. Installieren Sie Tomcat 1. Suchen Sie das Tomc...
Im vorherigen Artikel haben wir Folgendes vorgest...
Als er über die Seite zur Bedienung der Bildschir...
Wenn nginx eine Anfrage empfängt, gleicht es zunä...
Vorwort: In einigen früheren Artikeln haben wir h...
Vorwort: In manchen Anwendungsszenarien stoßen wi...
Schritt 1: Geben Sie das Verzeichnis ein: cd /etc...
<button>-Tag <br />Definition und Verw...