在uniapp文件中创建一个js文件 在这个js文件中引入vuex
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: {box:"数据"，}, getters:{ getSelect(state){ return state.box } }, mutations: { setSelect(state,item){ state.box = item }, } }) export default store
vuex文件中的内容主要有三个 state getters mutations
state 对应一个对象 这个对象中的数据将可以被任意的界面去访问和修改
getters 这个对象中可以定义函数 页面就是通过getters中定义的方法去获取到vuex中的数据
mutations 这个对象中可以定义函数 页面可以通过该对象中的方法去设置vuex中的内容
使用vuex 需要在main.js中引入并添加到Vue的prototype原型中
李家霖import store from "./store/store.js"
Vue.prototype.$store = storegetters在界面中的使用 将会获取到vuex中state中的box属性
this.$store.getSelect();mutations的使用
this.$store.commit("setSelect",“新的数据”)mutations的使用需要调用 commit方法 该方法接收两个参数 第一个是字符串 对应mutations中的方法名 表示调用mutations中的方法 第二个参数可以是任意的数据类型 第二个值将会作为参数传递进对应的调用方法；在对应的方法中获取到传递的数据后即可对state中的数据进行修改
3
联系我
0条评论