Nuxt.jsでのゲッターの使い方 - Qiita

まずはストアを作ってgettersの中に定義（クラシックモード使用時） 練習なのでクラシックモードで。。。 今回はitem（配列）を使う場面を想定 import Vuex from 'vuex'; const store = { state: { items: [], }, getters: { items: state => state.items, }, //この辺で実際にitemsの情報をapi通信で取得するイメージ 画面側で使うとき(値を取得してv-forでぶん回して表示する画面のイメージ) １.<script>の最初でmapGettersをインポートする ２. computedの中でmapGettersヘルパーを使って使いたいゲッターを宣言 これでv-forの中でitemsが使えるようになる <template> <section class="container"> <div>