uniapp vuex 的使用

uni-app已经内置了vuex,所以只要正确引入就好了。

1、根目录创建store文件存放vuex

2、创建index.js

导入vue和vuex

import Vue from ‘vue‘
import Vuex from ‘vuex‘

  

Vue.use(Vuex)

  

const store = new Vuex.Store({
    state: {
		city:‘城市名‘,
		login:false
	},
    mutations: {
		ShowGood(){
			console.log(‘that is good!!!‘)
		}
	},
    actions: {}
})

 

export default store

 

3、main.js入口文件

// 引入store
import store from ./store
// 把vuex定义成全局组件
Vue.prototype.$store = store

 

 使用

computed: {
            ...mapState([login, city])
        },    
methods: {
            change(e) {
                this.current = e.detail.current;
            },
            ...mapMutations([ShowGood])
        }

 

uniapp vuex 的使用

上一篇:CF 660 C. Uncle Bogdan and Country Happiness


下一篇:python代码进入谷歌浏览器手机模式