vue uniapp使用vuex

写代码的时候老是记不住，在这里记录一下

创建一下store，建立index页面

import Vue from "vue"
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
	// 数据参数
	state:{
		user：{}
	},
	// 计算属性
	getters:{
		
	},
	// 同步方法
	mutations:{
		
	},
	// 异步方法
	actions:{
		
	}
})

export default store

然后main.js引入一下

import store from './store'
Vue.prototype.$store = store
const app = new Vue({
	store
})
app.$mount()

<script>
	import { mapState } from "vuex"
	export default {
		data() {
			return {
				list: null
			};
		},
		
		onLoad() {
			//第一种直接调用
			console.log(this.$store.state.list)
			//输出list
			console.log(this.list)
		},
		computed:{
			...mapState({ 
				//第二种
				list: state=> state.list
				//第三种
				list:'list'
				//第四种
				newList(state){
					//这里可以写一些拿到数据之后的逻辑代码
					return state.list
				}
			})
		},
	}
</script>
<