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 におけるベースタグの使用に関する詳細な説明
目次JS はファイルを読み取る FileReader書類イベントとメソッド基本的な使い方イベント処理...
目次1. 環境変数$PATH: 2. 環境変数を変更します。 3. bash_profileの目的要...
目次不規則なフォームの実装透明な部分をクリックする不規則なフォームの実装ここでは円形フォームを実装し...
ミニプログラムは、参考までに完全なショッピングカート[すべて選択/選択解除して金額を計算/加算と減算...
目次簡単なコンポーネントの例より複雑な親子コンポーネントのケースオンセレクトの書き方反応する子供Re...
1. 新しいUIプロジェクトを作成するまず、私たちの UI は ColorUI に基づいています。C...
昨日 HTML を少し学んだばかりで、JD.com の検索バーを作るのが待ちきれませんでした。 作っ...
フレームセットと本文は同じレベルにあるため、本文にフレームセットを配置することはできません。まずペー...
CSS セレクターHTML タグにスタイルを設定すると、タグの属性を設定できます。 <div ...
最近Kafka勉強しています。クラスタの状態をテストする準備をしていたときに、仮想マシンを 3 つ開...
目次1. Baidu Map API アクセス2. HTML で Baidu Map API を使用...
目次機能紹介レンダリング1. ホームページレンダリング用のコード(index03) 2. ゲーム開始...
必要:近い将来、大容量ファイルのアップロード機能を実装します。フロントエンドフレームワークのアップロ...
最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...
昨日、a:visited を使用して「Guess You Like」の右側にある訪問済みテキストの色...