对于VUEX的理解

100 阅读1分钟

1什么是vuex
vuex是用于解决组件间数据共享问题的一个容器,就像一个仓库,有了它就不用担心数据传值的问题了

image.png

2vuex的属性
state用于存放数据,mutation用于修改数据,

3vuex的流程
4vuex的优缺点
vuex是应用级别的数据,不会持久化 5vuex的缺点如何解决

vuex 原理图

image.png

image.png

image.png

用计算属性取stase里面的值

image.png

vuex中也提供了方法 mapState
mapState的本质是一个函数,来自vuex,返回值是对象。对象中存的是映射对应的方法(返回了vuex中对应的数据)

image.png

mutations 修改数据 其实直接在metheds里面用this.$tore.state.count 也可以改 但是这样用非常不好,一旦数据被改乱了,不好维护,所以大家都会在mutation中修改state里面的数据