uniapp中Vuex的封装使用

1.新建一个store文件，在store文件下新建一个store.js文件，内容如下

import Vue from 'vue'
import Vuex from 'vuex'
//导入的cart文件
import Cart from '@/store/cart.js'


Vue.use(Vuex)

export default new Vuex.Store({
	modules:{
		Cart
	}
})

2.在store文件下新建一个cart.js文件，内容如下

const state = {
	cart:1
}

const mutations = {
	
}

const actions = {
	
}

const getters = {
	
}

export default {
  state,
  mutations,
  actions,
  getters
}

3.在main.js中注册store

//导入注册
import store from './store/store'


const app = new Vue({
    ...App,
	store
})

4.在页面进行使用，当你看到cart值的时候，表示你Vuex模块化成功了

<view class="yf">快递：免运费 {{cartList}}</view>

//在script节点内导入
import {mapState} from 'vuex'

//在methods的平级节点下
computed:{
    //这里是通过对象的方式，拿到cart的值 同时把他的名字换成cartList
	...mapState({cartList: state => state.Cart.cart})
},

好了，是不是很简单呢~~