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
]

【vuex是什么？有什么用？】相关推荐

【实用】Angular中如何实现类似Vuex的全局变量状态变化功能？
什么是Vuex?只需三分钟!只需创建一个vuex.js文件,让你马上学会使用Vuex,尽管Vuex是个鸡肋!(扔掉store文件夹和里面的index.getters.actions.mutations ...
只需三分钟！只需创建一个vuex.js文件，让你马上学会使用Vuex，尽管Vuex是个鸡肋！(扔掉store文件夹和里面的index、getters、actions、mutations等js文件吧！)
前情提示:有一天,我要实现一个效果→点击某个按钮改变一个全局变量,并且要让绑定了该变量的所有位置异步渲染.我试过用一个全局的js文件存放该变量,该变量值虽然改变了,但是没有做到异步渲染.接着我用win ...
vuex+vue-router拦截
干就完了项目中经常遇到这样一个场景,用户信息或者进行增删改的一些模块,需要根据用户是否登录,进行路由拦截,直接上代码在store文件夹下的store.js中存放一个默认登录状态 /** store ...
mutations vuex 调用_Vuex源码学习（六）action和mutation如何被调用的（前置准备篇）...
前言 Vuex源码系列不知不觉已经到了第六篇.前置的五篇分别如下: 长篇连载:Vuex源码学习(一)功能梳理长篇连载:Vuex源码学习(二)脉络梳理作为一个Web前端,你知道Vuex的instal ...
在vue中使用vuex,修改state的值示例
1. 安装 vuex npm install vuex -S 2.在目录下创建store文件 3. 在store.js编辑一个修改state的方法然后在mian.js中全局引入最后在组件中使用这 ...
vue之mapMutaions的使用 vuex中 action 用法示例 api.js的使用
vue之mapMutations的使用我们通过Mutation来改变store中的state,方法往往是在子组件中使用 this.$store.commit(); 来实现,但是这样的缺点是不容易查看 ...
基于Vue, Vuex 和 ElementUI 构建轻量单页Hexo主题Lite
Hexo Theme Lite Keep Calm, Lite and Writing. light single page blog application theme, using Vue, Vu ...
详解 Vue Vuex 实践
2019独角兽企业重金招聘Python工程师标准>>> 随着应用复杂度的增加,我们需要考虑如何进行应用的状态管理,将业务逻辑与界面交互相剥离,详细讨论参考笔者的2016-我的前端之路 ...
vue总结 08状态管理vuex
状态管理类 Flux 状态管理的官方实现由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长.为了解决这个问题,Vue 提供 vuex:我们有受到 Elm 启发的状态管理库 ...
使用vue2.0 vue-router vuex 模拟ios7操作
其实你也可以,甚至做得更好... 首先看一下效果:用vue2.0实现SPA:模拟ios7操作与通讯录实现 github地址是:https://github.com/QRL909109/ios7 如 ...

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

vuex的一个持久化插件

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

【vuex是什么？有什么用？】相关推荐

最新文章

热门文章