vuex的使用

一、state

储存state的值

在detail.vue文件中储存

this.$store.state.idArany.push(this.id)

在index.js文件中储存

state: {
		idArany:[],
	},

或者

import {mapState} from 'vuex'
	computed:{
			...mapState(['idArany'])
		}

二、mutations

在index.js文件中

mutations: {
		addId(state,value){
			
			state.idArany.push(value)
		}
	},

在在detail.vue文件

import { mapMutations } from 'vuex'
methods: {
          ...mapMutations(['addId']),
			buttonClick(e) {
				if (e.index == 0) {
					this.addId(this.id)
				}
			}
		}

或者

	methods: {
			buttonClick(e) {
				if (e.index == 0) {
					this.$store.commit('addId', this.id)
				}
			}
		}

三、actions

在index.js文件中

actions: {
		getGoodsCadList(context, value) {
			console.log(context,value)
			// return
			uni.request({
				url: getApp().globalData.Interfaceurl + 'getGoodsCarPage',
				method: "post",
				header: {
					"content-type": "application/x-www-form-urlencoded;charset=UTF-8"
				},
				data: {
					userId:value,
					pageNo: 1,
					pageSize: 10
				},
				success(res) {
					console.log(res.data.page.list,"购物车id")
					context.state.idArany=res.data.page.list
				}
			})
		}
	},

在在detail.vue文件

import {mapActions} from'vuex'
onLoad() {
			this.getGoodsCadList('getApp().globalData.userId')
		},
		methods: {
		...mapActions(['getGoodsCadList'])
		}

或者

		onLoad() {
			console.log(111)
			this.$store.dispatch('getGoodsCadList',getApp().globalData.userId)
		},

四、getters

在index.js中

getters: {
		idlength(state){
			return state.idArany.length
		}
	}

在my.vue文件中

import {mapActions,mapState,mapGetters} from'vuex'\
computed:{
			...mapState(['idArany']),
			...mapGetters(['idlength'])
		}