【Vue 开发实战】生态篇 # 15:为什么需要Vuex

简介: 【Vue 开发实战】生态篇 # 15:为什么需要Vuex

说明

【Vue 开发实战】学习笔记。



Vuex是一种状态管理模式


47adae5b97384699bad35de053513be9.png


状态管理

下面这一种通过祖先节点传递比较脆弱


bd476252d96948b2a597417555e8f82d.png


使用 provide/inject,做小型的状态管理是不错的

65d3663338d74d58bbc63157cfb3db6e.png



Vuex运行机制

5d5e4bd300cb450eb6ea96530d5b542a.png



与数据存储不同,Vuex 解决的主要问题是不同组件间的通信,以达到对当前页面数据状态的管理。既然是状态,它不会是持久化的,在页面刷新或关闭后,数据自动丢失。如果组件比较少,完全可以不用 Vuex。而且,目前有很多基于 Vuex 的插件,结合 localStorage、sessionStorage、IndexDB 等,可以达到数据持久化的目的。



目录
相关文章
|
1天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
5天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
9 0
|
JavaScript
vue实战中的一些技巧《一》
vue实战中的一些技巧《一》
799 0
vue实战中的一些技巧《一》
|
9天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
41 11
|
9天前
|
存储 JavaScript 前端开发
vue学习(2)
vue学习(2)
199 65
|
9天前
|
JavaScript 算法 前端开发
vue学习(1)
vue学习(1)
198 62
|
7天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
28 10
|
7天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
25 9