美文网首页
vue中 的vuex之将某个值放到中心数据库,并取出

vue中 的vuex之将某个值放到中心数据库,并取出

作者: 加冰宝贝 | 来源:发表于2020-05-22 16:34 被阅读0次

1.那个页面需要将值放到中心数据库就在那个页面的某个vue的生命周期或生命周期 的某个方法 中写入

 this.$store.commit('set_userId',this.user_id);

2.store/index.js 需要将传的值接入

//在mutations去改变store中state的状态 ,
//mutations的每个方法有固定的传参顺序,
//参数1 ==>store中state的状态
//参数2  ==> 你传的值 ===this.user_id
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
    state: {
        userId: null,
    },
    mutations: {
        set_userId: (state, val) => {
            state.userId = val;
        },
    },
})

3.如果,你在别的页面需要使用 中心数据库的值

this.$store.state.userId;

相关文章

  • vue中 的vuex之将某个值放到中心数据库,并取出

    1.那个页面需要将值放到中心数据库就在那个页面的某个vue的生命周期或生命周期 的某个方法 中写入 2.store...

  • vue多页面应用时vuex数据不同步的问题

    vue生成多个页面时,vuex不同步,如果有监听vuex的值的逻辑的时候就不行了,我们可以将值存在本地存储中,通过...

  • vue双向数据绑定vuex中的state

    vue双向数据绑定vuex中的state 在vue中, 不允许直接绑定vuex的值到组件中, 若是直接使用, 则会...

  • 第5讲 vuex看完这篇你就会了(1)

    vuex和vue-router一样都是vue的核心插件,它是vue的状态管理,对于跨组件之间的传值,可以将这些值放...

  • vuex基础

    vuex Vuex是什么呢?它是Vue的状态管理模式,在使用vue的时候,需要在vue中各个组件之间传递值是很痛苦...

  • vuex状态管理的学习

    学习vuex首先要在vue的项目中安装vuexcnpm i vuex -S引入vuex 并注册import Vue...

  • jmeter跨线程传输参数解决办法

    工作中遇到的问题:从线程组-1里的某个请求的返回数据里取出某个值,然后将这个值给线程组-2里的某个请求用。 解决思...

  • vuex--基本使用

    vuex的作用 vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,解决vue中各个...

  • 4.Vuex

    vuex官网 现在将 vuex 整合到我们的 vue-complex 应用中 有关于vuex的详细介绍 ,可以看看...

  • 2020-03月前端面试题

    vue相关 vue父子组件传值方式有哪些? 兄弟组件间如何传值? vuex是用来干什么的? vuex核心模块有哪些...

网友评论

      本文标题:vue中 的vuex之将某个值放到中心数据库,并取出

      本文链接:https://www.haomeiwen.com/subject/thzqahtx.html