vuex使用,了解一下

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    // 定义消息,用来组建之间进行消息传递
    state: {
        message: {     
            text: '',         
        },
    },
    mutations: {
        setMessage (state, msg){
            state.message = msg
        },
  })

  export default store

更改store的值

 this.$store.commit('setMessage', message);

获取sotre的值

 watch: {
    getMessage: function(message1){
      this.chatData.push(message1);  // 获取store的之   
    }
  },
  computed: {
    getMessage(){
      return this.$store.state.message;
    }
  },

https://vuex.vuejs.org/zh/guide/state.html

猜你喜欢

转载自blog.csdn.net/java_sparrow/article/details/80608602