首页 > 移动平台 > 详细

uniapp vuex 的使用

时间:2020-07-30 18:12:01      阅读:75      评论:0      收藏:0      [点我收藏+]

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 的使用

原文:https://www.cnblogs.com/caijinghong/p/13405009.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!