エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
...mapState でストア呼び出し - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
...mapState でストア呼び出し - Qiita
mapstateとは 一言でいうと、ストアのデータ呼び出しの記述を短くするためのもの、です。 this.$store.s... mapstateとは 一言でいうと、ストアのデータ呼び出しの記述を短くするためのもの、です。 this.$store.state.プロパティ名 でストアのデータを呼び出スことが可能です。しかしそれでは長くなり、可読性が落ちてしまうので computed にまとめて呼び出すことができます。 mapStore自体がオブジェクトを返すのでこのようにします。 <script> import { mapState } from "vuex"; // vuexからmapStateをimport export default { computed: mapState(["lists"]), }; </script> 本来はコンポーネント内で this.$store.state.lists と記述しますが、 mapState を使うことで、 state に this.$store.state が代入され、