記事一覧

Vuexでの管理を最小限にする

ストアとコンポーネントのつながりを最小限にすることで変更に強くする 2種類あるらしい。 ①表示コンポーネントとコンテナコンポーネントを分ける ②Atomic Design 今…

reiya
5年前
2

Vuexを使ったカウンターアプリ

はじめにぷろぐらみんぐ初心者です。ここ最近、JavaScriptフレームワーク「Vue.js」にハマっています。今回は、Vue.jsに特化した状態管理ライブラリ「Vuex」の勉強がてらに…

reiya
5年前
5

Vuexでの管理を最小限にする

ストアとコンポーネントのつながりを最小限にすることで変更に強くする

2種類あるらしい。

①表示コンポーネントとコンテナコンポーネントを分ける
②Atomic Design

今回は、①の手法について調べてみた。

①の手法は、Reduxの作者Dan Abramov氏が提唱したReactコンポーネントと同様の分類パターン。
表示コンポーネントは見た目を表現するコンポーネントなのでストアにアクセス

もっとみる

Vuexを使ったカウンターアプリ

はじめにぷろぐらみんぐ初心者です。ここ最近、JavaScriptフレームワーク「Vue.js」にハマっています。今回は、Vue.jsに特化した状態管理ライブラリ「Vuex」の勉強がてらに「Vuex」を使ったカウンターアプリを作ってみました。
お手数おかけしますが指摘事項などありましたら、どんどん指摘おねがいします。

はじめに storeの読み込み(main.js)import App from

もっとみる