Getters

1import Vue from "vue";
2import Vuex from "vuex";
3
4Vue.use(Vuex);
5
6export default new Vuex.Store({
7  state: {
8    num: 10,
9  },
10  getters: {
11    doubleNum(state) {
12      return state.num * 2;
13    },
14  },
15});

1<template>
2  <div>
3    <p>{{ $store.getters.doubleNum }}</p>
4    <p>{{ doubleNum }}</p>
5  </div>
6</template>
7
8<script>
9export default {
10  data() {
11    return {};
12  },
13  computed: {
14    doubleNum(){
15      return this.$store.getters.doubleNum
16    }
17  },
18};
19</script>

Getters#

Getters