storeからgettersでstateを取得する

Question

現在nuxt.jsでアプリを作成しているのですが、gettersでstoreから取得してきた値をdataプロパティに保存したいのですが、方法がわかりません。

<script>
export default {
  data() {
    return{
      value: null,
    },
  computed:{
    get_value(){
      return this.$store.getters.get_value;
    }
  } 
</script>

このように算出プロパティでgettersを呼び出し、storeの値をget_valueで取得できるようにしています。

Comments

[stakizawa]

storeの値をdataに保存したい理由を教えていただけますでしょうか？
単に、storeの値を参照したいだけであれば、保存しなくても参照できるかと思います。

[oira_]

storeからの値が連想配列になっていて、v-forで回したいです。
dataに保存する必要はありませんが、
storeからの連想配列をv-forでまわす方法がわかりません

Answer 1

storeの値も通常のdataプロパティ同様に扱えます。
storeの連想配列の値をv-forで回すのでしたら、下記のやり方で出来るかと思います。

<template>
  <p v-for='value in get_value' :key='value'>{{ value }}</p>
</template>

また、連想配列のkeyを取得したいのでしたら、下記のやり方で出来ます。

<template>
  <p v-for='(value, key) in get_value' :key='key'>{{ key }} : {{ value }}</p>
</template>