首页 > 其他分享 >uniapp中使用vuex

uniapp中使用vuex

时间:2022-11-02 11:01:55浏览次数:44  
标签:uniapp Vue js state user 使用 vuex store

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
    }
},        

  

 

标签:uniapp,Vue,js,state,user,使用,vuex,store
From: https://www.cnblogs.com/jlyuan/p/16850305.html

相关文章

  • 数据透视表你只会手动创建吗?其实可以使用VBA一键生成噢
    Excel的数据透视表是一个非常强大的功能,说起数据透视表初次出现的时候,那是在我们Excel5的版本中间,在后续的版本依次更新迭代,直至目前仍然在改进中。当然我们今天不说基础的......
  • Web Uploader学习及使用
    ​ 前言WebUploader百度插件的使用:WebUploader是一个高效的文件上传组件,网址链接为:[WebUploader百度插件(http://fex.baidu.com/webuploader/)一、具体使用1.引入......
  • Docker简单使用(centos)
    DockerHelloWorldDocker允许你在容器内运行应用程序,使用dockerrun命令来在容器内运行一个应用程序。输出Helloworldroot@localhost:~$dockerrunubuntu:15.10......
  • uniapp http请求时响应拦截返回了两次的原因
    app起动时需要加载位置信息,如果没有开启则跳到系统权限页面开启定位功能,返回APP后重新加载定位信息,处理方法是在onShow方法中再调一次,在这之前已在onLoad方法中调用过一次......
  • 【typora】Markdown编辑器使用教程
    1.Markdown介绍Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown语言在2004由约翰·格鲁伯(英语:JohnGruber)创建。Markdown编写......
  • Jenkins Pipeline 流水线 - withCredentials 使用
    添加凭证Pipelinescriptpipeline{agentanystages{stage('withCredentials使用凭证'){steps{withCrede......
  • 010001 三角函数的基本使用
    直角三角函数的定义:正弦(sin)等于对边比斜边;sinA=a/c;余弦(cos)等于邻边比斜边;cosA=b/c;正切(tan)等于对边比邻边;tanA=a/b;余切(cot)等于邻边比对边;cotA=b/a;<?phpheader('Co......
  • 使用golang操作mongodb
    背景学习使用golang操作mongodb,主要是常见的增删改查。代码packagemainimport("context""fmt""log""go.mongodb.org/mongo-driver/bson"......
  • 使用 StringUtils.split 的坑
    点赞再看,动力无限。微信搜「程序猿阿朗」。本文Github.com/niumoo/JavaNotes和未读代码博客已经收录,有很多知识点和系列文章。在日常的Java开发中,由于JDK......
  • linux下使用mysql
    linux下使用mysql1.登录mysqlMySQL-uroot-p123456#-u后面跟的是用户名-p后面跟的是密码2.查看所有数据库showdatabases;3.......