【vuex是什么?有什么用?】

Vuex是一个专门为vue.js应用程序开发的状态管理工具
状态在这里就是数据的意思

使用场景:(1)登录信息、(2)购物车、(3)复杂的组件通信

vuex五大核心

1 state 状态的意思 ,是存放数据的地方
放在state中的数据在任何地方都可以使用
使用的方法:this.$store.state.xxx

2 mutations 是修改状态state地方,只有mutations有权利修改state
mutations 中方法的第一个参数永远都是state

我们如果要修改state的时候,就写一个方法来调用mutations
调用的方法是 this.$store.commit("方法", 参数)

3 getters 相当于计算属性
getters 中方法的第一个参数永远都是state
使用: this.$store.getters.xxx

getters 和计算属性的区别,就是getters在任何一个组件都可以使用

4 actions 存放异步请求

5 modules 模块管理

vuex的存储并不是持久化的,一刷新页面,数据就没了

vuex的一个持久化插件

vuex-persist 它是专门为vuex持久化而产生

1.如何安装 vuex-persist

cnpm i vuex-persist --save
yarn add vuex-persist --save
2.如何使用???
在store/index.js 引入
import VuexPersistence from 'vuex-persist'

3.使用

  plugins:[
    new VuexPersistence({
      storage: window.localStorage
    }).plugin
  ]

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值