本文共 708 字，大约阅读时间需要 2 分钟。

   
		
    		
    		
    		
    		
    	
   
// 引入vueimport Vue from 'vue';// 引入vueximport Vuex, { Store } from 'vuex';// 安装Vue.use(Vuex);// 实例化let store = new Store({	// 数据	state: {		msg: 'hello'	},	// 同步消息	mutations: {		// 更新msg		updateMessage(state, msg) {						state.msg = msg;		}	}})// 组件let Home = Vue.extend({	// 模板	template: '
result: {
  {$store.state.msg}}
'})// vue实例化对象new Vue({	// 注册store	store,	// 组件	components: { Home },	// 容器	el: '#app',	// 数据	// data中存储数据，在使用前，或者修改前，无法改变	data: {},	// 计算属性数据	computed: {		// 定义特性方法来代理store中的state数据		dealMsg: {			// 修改数据			set(value) {								// 发布mutation消息，与state同步				this.$store.commit('updateMessage', value)			},			// 获取数据			get() {								// 获取state数据				return this.$store.state.msg;			}		}	}})

转载地址：http://zlven.baihongyu.com/