
vuex
小墨宝
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vuex的实现原理
vuex的实现原理11.vuex的store是如何挂载注入到组件中呢?分析源码,我们知道了vuex是利用vue的mixin混入机制,在beforeCreate钩子前混入vuexInit方法,vuexInit方法实现了store注入vue组件实例,并注册了vuex store的引用属性$store。.vuex如何响应式更新状态呢?借助vue的data是响应式,将state存入vue实例...原创 2020-07-21 17:59:02 · 431 阅读 · 0 评论 -
vuex直接修改state 与 用commit提交mutation来修改state的差异
1)共同点: 能够修改state里的变量,并且是响应式的2)不同点: 若将vue创建 store 的时候传入 strict: true, 开启严格模式,那么任何修改state的操作,只要不经过 mutation的函数都会报错使用commit提交到mutation修改state的优点:代码结构更清晰,可以复用代码,提高开发效率...原创 2020-07-21 17:59:34 · 1197 阅读 · 0 评论 -
vuex 的数据流向
vuex 的数据流向1.用户触发行为actions 通过this.dispach(或者可以直接commit方法)2.通过commit Mutations中的方法 改变state中 的值3.最后通过this.$store.state.id的方法将值映射到页面上...原创 2020-03-09 09:35:28 · 2239 阅读 · 0 评论 -
vue 动态加载 echarts不同的地图
今天做项目有那么一个需求,就是使用echarts画地图,要根据账号的信息来展示不同省份的地图,(这里画单个地图我就不多说了);问题:按照引入单个地图文件去画地图也是可以的,但是打包后的体积比较大,页面加载很慢。所以只能寻求其他方法1.究其原因页面加载慢,主要是地图文件载入比较慢,实际用到的地图可能就2.3个,所以,这边单独在服务器上放了个echarts的插件包(需要后端配置下能访问到)2....原创 2019-12-11 18:22:17 · 1301 阅读 · 0 评论 -
vuex持久化 vuex-persistedstate
vue存储一些固定的信息,比如token,账号信息等共用的信息, 使用vuex-persistedstate 每次刷新页面会自动存储自动获取数据,不用手动的存储获取。 默认是以localStorage来存储数据的,也可以自定义存储数据的方式,使用方式:import persistedState from 'vuex-persistedstate'export default new Vue...原创 2019-11-08 08:59:02 · 467 阅读 · 0 评论 -
vuex的重点使用
一,什么是vuex以自己的话说vuex是一个把多个组件通用的数据我们把它拿出来,放到一个叫store里面管理,在需要使用的组件里,我们可以拿出来使用简单来说就是data的共享属性 “store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。二,关于Statestate就是我们项目全局通用的data属性,并且这些属性是响应式的,也就是说当属性发生改变时,state是...转载 2019-07-16 11:23:42 · 180 阅读 · 0 评论