Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说前端vue之什么是xuex[通俗易懂],希望能够帮助你!!!。
Vuex是一个专门为vue.js应用程序开发的状态管理工具状态在这里就是数据的意思
使用场景:(1)登录信息、(2)购物车、(3)复杂的组件通信
vuex五大核心
1 state 状态的意思 ,是存放数据的地方放在state中的数据在任何地方都可以使用使用的方法:this.$store.state.xxx
2 mutations 是修改状态state地方,只有mutations有权利修改statemutations 中方法的第一个参数永远都是state
我们如果要修改state的时候,就写一个方法来调用mutations调用的方法是 this.$store.commit("方法", 参数)
3 getters 相当于计算属性getters 中方法的第一个参数永远都是state使用: this.$store.getters.xxx
getters 和计算属性的区别,就是getters在任何一个组件都可以使用
4 actions 存放异步请求
5 modules 模块管理
vuex的存储并不是持久化的,一刷新页面,数据就没了
1.如何安装 vuex-persist
cnpm i vuex-persist --saveyarn add vuex-persist --save
2.如何使用???在store/index.js 引入import VuexPersistence from 'vuex-persist'
3.使用
new VuexPersistence({
storage: window.localStorage
}).plugin
]```