vuex的state中的数据的四种使用方法

store.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
   
    count: 1
}
export default new Vuex.Store({
   
    state,mutations
})

1. 直接通过$store来使用

<template>
  <div>
      <h3>{
   {
   msg}}</h3>
      <hr/>
      <h3>{
   {
   $store.state.count}}</h3>
</button>
  </div>
</template>

<script>
import store from '@/vuex/store'
export default {
   
    data(){
   
        return{
   
            msg:"hello vuex"