ホームページ >ウェブフロントエンド >jsチュートリアル >vue-cli での vuex の使用 (詳細なチュートリアル)

vue-cli での vuex の使用 (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-04 14:50:374431ブラウズ

この記事では、vue-cli での vuex の簡単なデモ (1 を足して 1 を引く操作の実装) を写真とテキストで詳しく紹介していますので、必要な方は参考にしてください。参照してください

1.vue -cli プロジェクトをビルドしたら、npm を使用して vuex をインストールします

 npm install vuex --save

2. プロジェクトディレクトリに vuex ディレクトリを構築します (ここでは新しいストアフォルダーを作成し、


3. vue プロジェクトのエントリ ファイル main.js に、インスタンス化された Vue オブジェクトのストア オブジェクトを追加します

4.ファイル

5. コンポーネントで vuex を使用する 保存されたデータ

6. 実装効果


以上、皆様のお役に立てれば幸いです。将来。

関連記事:

CSS を使用してスコープ付きをモジュールに置き換える方法は何ですか?

Vuexを使ってカウンター機能を実装する方法

webpackモジュールの基本原理を徹底解説

以上がvue-cli での vuex の使用 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。