Vuex 全局配置

Vuex 学习

Vuex 全局配置

Vuex使用mapState

Vuex Mutation

vuex mapMutations使用

Vuex Actions使用

---

全局Vuex配置

根据项目框架，在根目录创建store文件夹。并创建一个js文件（publicstore.js）

代码如下：

```
import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
//全局共享数据token
	token: null
},
mutations: {
	settoken(state, token) {
		state.token = token
	}
},
actions: {
	//异步处理
}
})
export default store
```

在main.js中引入、配置

代码如下

import App from './App'
	
import store from "./store/store.js"
Vue.prototype.store = store
	
App.mpType = 'app'
const app = new Vue({
	...App,
	store //配置到全局app中。
})
	
app.$mount()

使用全局vuex

组建或者页面中，访问state的一种方式
this.$store.state.token

具体代码

<template>
	<view class="content">
		<text>{{$store.state.token}}</text>
	</view>
</template>
<script>
</script>
<style lang="scss">
	.content {
		background-color: aqua;
	}
</style>