skillup

技術ブログ

JavaScript

vuexについて

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

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

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

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

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

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

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

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

グローバル変数:vuex

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

ソース

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

-JavaScript
-,

執筆者:


comment

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

関連記事

no image

HTML/JS/JavaScriptのキャッシュ機能の無効化に関して

AngularJSを使っていまして、更新したのにキャッシュ機能が働いていてブラウザでは変更が反映されてない・・・なんてことがちょいつづき、キャッシュを無効化する機能を調査しました。 まず通常のHTML …

no image

webpackについて再履修2

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

no image

横からスクロール sidrの使い方

携帯サイトの場合、端末のサイズが小さいため、メニューなどはどう縮めてもやはり圧迫してしまいます。 そんなとき、クリックさせてスクロールさせるタイプであれば、場所が狭いことが気になりません。本日はそんな …

no image

JavaScriptでのDom操作に関して

画面系の複雑な処理をやる場合、JavaScriptを使うのですが、個人的に気をつけているポイントなど。 Contents1 ES6のクラス化2 DOM要素取得のポイント2.1 class自体でのスコー …

no image

GoogleMapのカスタマイズ

GoogleMapの埋め込みってよくある要件だと思うのですが、先日、GoogleMapに色(企業カラー)をつけたいという要望がありました。 てっきり埋め込み1行で解決すると思いましたが、色々と調べるこ …