修改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()