skillup

技術ブログ

JavaScript

vuexについて

投稿日:2019年10月20日 更新日:

vueの変数管理に関して、vuexについて勉強したことなどを。

ざっくり言ってしまうとvuex=グローバル変数という感じかと思います。

このキーワードで検索したところヒットした記事があったんで多分間違いないかと(笑)

vueの変数管理としては一般的にコンポーネント単位でデータを格納しますので、スコープをコントロールできることがメリットです。

反面、複数のコンポーネント間でデータを共有したいときなどは不便になります。

親子間のコンポーネントで値の受け渡しをするケースという手法もありますが、任意の場所からデータのやり取りをしたいときに使うのがvuexになってきます。

ローカル変数:通常のdataで定義するやり方

グローバル変数:vuex

という感じで解釈しています。

ソース

https://github.com/umanari145/laravel-vue

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

webpackについて再履修2

以前やったこの記事への追記的な意味で。 webpackについて再履修 Contents1 webpack-cli2 gulp-webpackは非推奨3 devtoolでデバッグ可能 webpack-c …

no image

vueでの配列、オブジェクトの反映に関して

vueでのハマりポイントですが、関門としては コンポーネント間の連携 オブジェクトや配列となった時に反映がされない などがあげられると思います。 コンポーネント間の連携に関してはこちらの記事でも書き、 …

no image

jQuery modalダイアログについて&重複時間処理

Contents1 jqueryモーダルダイアログ1.1 あらかじめ読み込むライブラリ1.2 ソース本体1.2.1 Html側1.2.2 Javascript側1.2.3 参考リンク2 重複時間につい …

no image

JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について

日頃業務で使っているJavaScriptについて。自分的なメモです。 Contents1 変数定義2 配列の定義2.1 展開3 オブジェクトの定義3.1 展開4 関数4.1 スコープ4.2 即時関数4 …

no image

cssフレームワークをnode_modulesから読み込む+cssの拡張

JavaScriptを1ファイルでまとめて読み込める方法が分かったので(参考リンク npmでのJSライブラリインストール)、CSSでも似たような方法があったのでメモ。 流れを言うと、下記のようになりま …