首先引入vuex,只要你的uni开发软件没有问题不需要下载什么直接引入就好。
创建store目录----》index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
obj:{
unitPrice:'',
productName:''
// singleAmount:0,
// count:0,
// rate:0
}
},
mutations: {
comOrder(state,obj){
state.obj = obj
}
}
})
export default store
state里是自定义的变量。mutations里的是方法
main.js里
import store from './store' //引入vuex
Vue.prototype.$store = store //把vuex定义成全局组件
存值的页面
定义一个方法取到要传的值。然后$store.commit放到vuex里存起来
methods: {
choose(e){
console.log(e);
let obj = {
unitPrice:e.price,
productName:e.name,
singleAmount:0,
count:0,
rate:0,
};
this.$store.commit('comOrder',obj)
uni.navigateTo({
url:'./newBussiness'
})
}
}
取值页面
onload里直接打印就可以取到
onLoad(option) {
console.log(vuex.state.obj)
},
重点说一下。存值页面和取值页面别忘了引入vuex
import vuex from “@/store/index.js”;