美文网首页工作总结
vuex 完整内容总结

vuex 完整内容总结

作者: 轩轩小王子 | 来源:发表于2019-02-17 00:15 被阅读0次

store.js:

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex);

export const store = new Vuex.Store({

    state:{

        userId:''

    },

    getters:{

        isLogin(state){

            if (!state.userId) {     //防止刷新页面获取不到

                state.userId=sessionStorage.getItem('userId');

            } 

            return state.userId

        }

    },

    mutations:{ 

        removeUserId(state,payload){ //更新 state 方法

            sessionStorage.removeItem("userId"); 

            state.userId = ''

        }

    }

})

调用

computed:{

        companyInfo(){

           return this.$store.state.enterpriseInfo

           return this.$store.getters.getWelfareTotalNumber //这个地方取得是getters 刷新页面中也会有

        }

    },

主动更新

this.$store.commit("authentEnterPrise",{companyData:companyObj});

相关文章

  • vuex 完整内容总结

    store.js: 调用 主动更新

  • vuex学习

    使用vuex也有一段时间了,今天总结一下vuex的使用 vuex有5个核心概念state getter mutat...

  • vuex记录

    前言 官方文档讲vuex讲的很清楚了,本文用于总结vuex的简单使用 简介 Vuex 是一个专为 Vue.js 应...

  • 了解 Vuex 工作流

    如图示,Vuex 为 Vue components 建立了一个完整的生态圈,包括开发中的API调用一环。 Vuex...

  • vuex总结

    vuex的核心思想:把存在于一个或一定范围内的对应关系(单向数据流或数据流)抽离出来,在项目全局中是使用。 最简单...

  • VUEX总结

    集中的状态存储,主要是为了解决组件间共享数据状态时,传值不便问题 1、特点 vuex的核心是store,数据都存储...

  • Vuex总结

    简介 简单来讲:共享的状态管理器,比如你想修改某些背景色,设备状态、cookie等信息的时候你可以考虑用它。其他的...

  • Vuex总结

    【应用场景】 简单来说就是状态管理,存放一些全局参数,供各个组件调用,并且这是响应式的。这里补充下,个人认为Vue...

  • Vuex 总结

    1. vuex简介 vuex是专门用来管理vue.js应用程序中状态的一个vue插件。他的作用是将应用中的所有状态...

  • vuex总结

    什么是父子组件 使用components,引入的组件为子组件,子组件所在的当前组件为父组件。 vue中数据共享方式...

网友评论

    本文标题:vuex 完整内容总结

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