uniapp中使用vuex

最新推荐文章于 2024-07-13 15:45:16 发布

Mr.Meng_95

最新推荐文章于 2024-07-13 15:45:16 发布

阅读量1.1k

点赞数 1

分类专栏：项目文章标签： uni-app vue.js 前端

原文链接：https://www.cnblogs.com/jlyuan/p/16850305.html

版权

项目专栏收录该内容

179 篇文章 11 订阅

订阅专栏

uniapp中使用vuex

1.uniapp自带vuex，不需要在安装，创建store/index.js

//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({//全局变量定义
    state: {
        user:{}
    },
    mutations: {
        setUser(state,user) {
           state.user = user;
        }
    }
})
export default store

2、main.js

import store from './store/index.js' 
Vue.prototype.$store = store
  
const app = new Vue({
    ...App,
    store
})

3、使用

this.$store.commit('setUser',user) //设置值
 
 
// 在模板文件中使用$store.state.user.name在微信小程序中有bug，所有使用下面的方式
import store from '@/store/index.js' 
 
computed:{
    user() {
        return store.state.user
    }
},