State

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});

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

State#

State