問(wèn)題：使用Vue簡(jiǎn)單狀態(tài)管理Store模式，組件中可以獲取到store中的數(shù)據(jù)，在組件中通過(guò)事件改變store中的值，并提交到store后，在store中可以打印出改變后的值，但在組件中通過(guò)watch無(wú)法監(jiān)聽(tīng)到最新值的變化store.jsletstore={state:{message:'Hello!'},setMessageAction(newValue){this.state.message=newValueconsole.log('store.js-newValue:',this.state.message);//當(dāng)組件改變數(shù)據(jù)后這里是可以獲取到改變后的最新值的},}exportdefaultstoremain.js中引入store//簡(jiǎn)單store模式importstorefrom'./store'Vue.prototype.$store=store組件中使用store{{message}}changeStoreexportdefault{data(){return{message:''}},created(){this.message=this.$store.state.message},watch:{'$store.state.message':function(newVal){//watch無(wú)法獲取組件改變后的新值console.log(newVal);console.log(this.$store.state.message);}},methods:{change(){this.$store.setMessageAction('changehelloworld')}},}==============================分割線===================================在asseek和夕水的提示下已經(jīng)解決問(wèn)題，下面是我實(shí)現(xiàn)的方法，有更好的方法請(qǐng)指出，謝謝：兩種解決方案：使用Vue.observable在組件中可以直接調(diào)用state中的某個(gè)值引用store.state對(duì)象組件中使用需要先把state賦值給組件中data選項(xiàng)解決方案1：修改store.js如下：state用observable定義來(lái)實(shí)現(xiàn)響應(yīng)式letstore={state:Vue.observable({message:'Hello!'}),setMessageAction(newValue){this.state.message=newValueconsole.log('store.js-newValue:',this.state.message);},}exportdefaultstore組件調(diào)用：{{msg}}changeStoreexportdefault{data(){return{num:0}},computed:{msg(){returnthis.$store.state.message;}},methods:{change(){this.$store.setMessageAction(this.num++)}},}解決方案2：store.jsletstore={state:{message:'Hello!'},setMessageAction(newValue){this.state.message=newValueconsole.log('store.js-newValue:',this.state.message);},}exportdefaultstore組件：{{msg}}changeStoreexportdefault{data(){return{state:'',num:0}},created(){//注意：這里需要賦值state對(duì)象，而不能直接賦值對(duì)象中的某個(gè)值，否則不能觸發(fā)響應(yīng)式this.state=this.$store.state},computed:{msg(){returnthis.$store.state.message;}},methods:{change(){this.$store.setMessageAction(this.num++)}},}