uniapp去修改vuex中state中的值

修改state中的值

修改state中的值,方法

(1) 在mutations中写修改state的api.
(2)写好之后,直接store.commit("changeValue")调用
changeValue就是那个你写好的api

store目录下index.js

import Vue  from 'vue'
import Vuex from  "vuex"
Vue.use(Vuex)

const store=new Vuex.Store({
	state:{
		testArr:[
			{id:1,name:"纪念日"}
		],
		
		city:"四川省"
	},
	
	// 同步更改值
	mutations:{
		// 对state中的值,进行修改,这个参数state是data中所有的值哦。
		changeValue(state){
			this.state.city="我开始是四川省  现在我是达州市"
			console.log("state", state)
		}
	},
	//异步
	actions:{
		getCity(context ){
			console.log(uni)
		}
	}
	
})

// 调用修改的方法
store.commit("changeValue")

main.js 引入 使用

import Vue from 'vue'
import App from './App'

// 引入store 注意引入的时候,要加./来引入,不要使用/
import store  from "./store/index"

Vue.config.productionTip = false

//将state挂载到原型上
Vue.prototype.$store=store;

App.mpType = 'app'
const app = new Vue({
    ...App	
})
app.$mount()

posted @ 2020-04-26 22:18  何人陪我共长生  阅读(4783)  评论(0编辑  收藏  举报