vue・nuxt.jsこれまでVuexが散々わからなくて感で書いてたのですが、ようやく大枠が理解できるようになりました。自分のメモの意味でまとめます。GetterVuexとはvue.jsで使うデータの状態を管理をするためのライブラリでnuxt.jsにも標準で入っています。設計的にはFluxというものの影響を受けています。Fluxはデータフローを管理する考え方で、一方向にデータを向けるといった考え方です。データが単一の方向に制限できるので、管理の複雑さを軽減するためバグ、不具合が起きたときも検証がしやすいです。いう、単一方向のデータフローになります。StoreについてVuexで自分が主に使うのはstoreです(というか他に何があるのかもよくわかっていません)Storeはデータを管理するコンテナ(箱)的な役割で、複数のコンポーネントを跨いで参照するときに複雑なデータの受け渡しをせずにStoreで一元管理するといったメリットがあります。Storeの中では4つの機能(データの方向)が有りますAction(アクション)Mutation(ミューテーション)State(ステート)Getter(ゲッター)Action関数を作成して、Mutationに登録された関数をcommitで持ってくる。Mutationと違い非同期の処理を持ってこれるので、apiなどのデータを持ってくる系はここで実装する使用するときは...mapActionsを使うMutationstateを更新できる唯一の場所。Mutationの関数は直接呼び出す事ができない。store.commit()とかで呼び出しますStateデータの状態を管理する箱。vueの中でのdata的な役割をしている。GetterGetterはstateのデータを参照して加工する場所。複数の場所でfilter処理されたデータを使いたい場合に、コンポーネント側にfilter処理があると、それぞれのコンポーネントでfilterの実装を書く必要でるのでそれを共通化する目的。使用するときは...mapGettersを使うツイートこの記事を書いた人conti大阪で東京の事業会社でフルリモートワークで働いているWebデザイナーです。副業とか好きで週末フリーランスしてます。コードを書くのが得意なのでプログラマーに愛されるデザイナーってよく言われます。脱WordPressを本格化しようと思っているのですが、なんだかんだでWordPressは便利なので、使いたいと思うときはしばしばあります。[...]conti2019年8月25日vue・nuxt.jsVueやNuxt.jsでよく利用しているライブラリNuxt.jsめちゃくちゃ便利なのですが、使うならNuxtやVueに特化して作られたもののほうが、トラブルも少なくて積極的にそっち系のライブラリを選んで利用しています。[...]conti2019年2月4日vue・nuxt.js外部のAPI作成ツールとして使ってるヘッドレスCMSサービス最近はnuxt.jsを利用する事が増えたせいでAPIを利用してサービスやサイトを作る機会が増えました。[...]conti2019年9月5日vue・nuxt.jsNuxt.jsでSCSSの変数をvueファイルでも使えるようにするNuxt.jsを使ってみるとSCSSで設定した変数やMixinがVueファイルで使えなかったのでVueファイルでも使える用に設定する方法を紹介します。npmで下記をインストールします。運用ノウハウ開発cntlog。