[log]vuex使用，了解一下

最新推荐文章于 2023-06-21 22:18:37 发布

go_sparrow

最新推荐文章于 2023-06-21 22:18:37 发布

阅读量123

点赞数

本文链接：https://blog.csdn.net/java_sparrow/article/details/80608602

版权

vue 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

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