watch监控vuex的值

昨天看到一个blogwatchmonitor，无法监控到vuex的状态值。提出了两种解决方案：1.在store.js的state中使用Vue.observable（官方文档有具体说明）2.在created初始化时，setdata中的属性赋值时，指向整个state仓库而不是分配单个属性，所以我今天想尝试一下，但是！我的结果是可以监控的，并没有遇到那个问题，因为vuex本身的state就相当于一个response仓库1.首先我们新建一个store.js1??声明两个变量count和message2??写下面的方法addCount突变中的方法每次都让Addn；每次importVuefrom"vue";importVuexfrom"vuex";vue.use(Vuex);conststate=({count:11,message:'hello'});constmutations时，watchMessage将newVal赋值给新的消息属性={addCount(state,n){state.count+=n;},watchMessage(state,newval){state.message=newval;}};exportdefaultnewVuex.Store({state,mutations});1.首先进入在计算中，接收状态中的变量并在模板中使用它。2、在addNum开始提交（commit）这个方法，传入数字993，最后watch监听$store.state.count的值。如果有新的值，我们会显示在页面上！4.message也是最后看一下这个方法的输出和页面显示：大功告成！！！