uni-app之vuex（一）

如何获取到vuex中data的值

uni-app中内置了 vuex
所以可以直接去使用哈。

在项目的跟目录下 创建文件夹store
在store目录下创建index.js

index.js目录如下
import Vue  from 'vue'
import Vuex from  "vuex"
Vue.use(Vuex)
export default new Vuex.Store({
	state:{
		testArr:[
			{id:1,name:"纪念日"}
		],

		city:"四川省"
	},
	// 同步更改值
	mutations:{

	},
	//异步
	actions:{
		getCity(){
			console.log()
		}
	}

})

在main.js中引入vuex，并且挂载到原型上

import Vue from 'vue'
import App from './App'

// 引入store
import store  from "./store"

Vue.config.productionTip = false

//将state挂载到原型上
Vue.prototype.$store=store;

App.mpType = 'app'
const app = new Vue({
    ...App

})
app.$mount()

在index.vue这个页面中去获取vuex中state中的值

onLoad(){
    console.log("12", this.$store.state)
}

当我在使用vuex的使用，遇见的一些小问题。
比如说。
在将vuex引入进来的时候，
我想获取它里面的值，始终打印不出来。
因为我的页面写错了。
我写console.log()一个固定的值，都没有打印出来。
这个时候，我才发现，页面写错了。
这个跟vue是一样的哈