Vuex環境を構築する
// scr/vuex/index.js // Vuexをインポート 'vuex' から Vuex をインポートします // コンポーネント内のアクションに応答するために使用されます const actions = {} // データを操作するために使用される const modifications = {} // データの保存に使用 const state = {} // ストアを作成する 定数ストア = 新しい Vuex.Store({ 行動、 突然変異、 州 }) // エクスポートストア デフォルトストアをエクスポート // メイン.js 'vue' から Vue をインポートします './App.vue' からアプリをインポートします。 'vuex' から Vuex をインポートします './store/index' からストアをインポートします Vue.use(Vuex) 新しいVue({ レンダリング:h => h(アプリ)、 店 }).$mount('#app') しかし、これはエラーになります:
意味: [vuex] ストアインスタンスを作成する前に 理由:ストアをインポートすると、インポートされたファイルのコードが最初に実行されるため、次のコードを実行すると、インポートされたファイルが実行されています。 この場合、次の2行のコードを交換しましょう: しかし、実際の結果は次のとおりです: 理由: これは、スキャフォールドのインポート ステートメントの解析に関する問題です。インポートされたファイルはコードの先頭に配置され、このファイルのコードが解析されます。 正しい書き方: // scr/store/index.js // VuexとVueをインポートする 'vuex' から Vuex をインポートします 'vue' から Vue をインポートします // Vuex プラグインを適用する Vue.use(Vuex) // コンポーネント内のアクションに応答するために使用されます const actions = {} // データを操作するために使用される const modifications = {} // データの保存に使用 const state = {} // ストアを作成する 定数ストア = 新しい Vuex.Store({ 行動、 突然変異、 州 }) // エクスポートストア デフォルトストアをエクスポート // メイン.js 'vue' から Vue をインポートします './App.vue' からアプリをインポートします。 './store/index' からストアをインポートします 新しいVue({ レンダリング:h => h(アプリ)、 店 }).$mount('#app') 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: HTML におけるベースタグの使用に関する詳細な説明
注: この記事のすべての写真はインターネットから収集されたものであるため、DELL R720 サーバ...
最近、プロジェクトでは kubernetes (以下、k8s と表記、k と s の間には 8 つの...
Dockerのインストール依存パッケージをインストールする sudo yum install -y ...
序文Oracle や SQL Server などのデータベースには、ストレージ エンジンが 1 つだ...
導入あなたも面接でこれに遭遇したことがあるはずです。トランザクションの分離レベルについてお話ししまし...
この記事では、カルーセルの効果を実現するためのJavaScriptの具体的なコードを参考までに共有し...
Linux システムの bash history コマンドは、以前に実行したコマンドを記憶し、再入力...
目次1. 実行コンテキストとは何か2. 実行コンテキスト スタックとは何ですか? 3. 実行コンテキ...
ここ数日ブログを更新していませんでした。簡単な HTML+CSS プロジェクトを終えたところです。数...
mysqlに接続できない問題の解決方法を参考までに紹介します。具体的な内容は以下のとおりです。昨日は...
目次序文キーの役割差分アルゴリズムにおけるキーの役割ヘッドノードを同期するテールノードを同期する新し...
ルート ルーティング コンポーネント (アプリの下のルート ルーティング コンポーネント。子コンポー...
事前に言っておくNodejs はデータベースを非同期操作として読み取るため、データベースがデータを読...
Docker には多くのログ プラグインがあります。デフォルトでは json-file を使用します...
目次ネイティブJavaScriptとはA. 新しいブラウザでnullオブジェクトをチェックするコンス...