【Vue2.0学习】—Vuex工作原理图(二十五)

简介: 【Vue2.0学习】—Vuex工作原理图(二十五)

一、 Vuex 是什么?

概念: 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信

二、什么时候使用Vuex

(1)多个组件依赖于同一状态

(2)来自不同组件的行为需要变更同一状态

三、搭建坏境

(1) npm install vuex
(2) Vue.use(Vuex)
(3) store
(4) vc==>store

创建文件src/store/index.js

在main.js中创建vm时传入store配置项

Vuex工作原理图


相关文章
|
12月前
|
存储 JavaScript API
Vue(第十五课)Pinia组件库的基本知识(一)
Vue(第十五课)Pinia组件库的基本知识(一)
131 0
|
18天前
|
存储 JavaScript API
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
29 2
|
11月前
|
前端开发
前端学习笔记202304学习笔记第十九天-vue3.0-梳理vue2项目的基本结构
前端学习笔记202304学习笔记第十九天-vue3.0-梳理vue2项目的基本结构
50 0
|
12月前
|
JavaScript
Vue框架的学习(Vue的基础指令操作一)第二课
Vue框架的学习(Vue的基础指令操作一)第二课
41 0
|
2月前
|
存储 前端开发 JavaScript
【前端学习】—Vuex(十八)
【前端学习】—Vuex(十八)
|
9月前
|
存储 前端开发
Vue+Vuex配合实现动态换肤| 青训营
Vue+Vuex配合实现动态换肤| 青训营
147 0
|
12月前
|
JavaScript
Vue(第十五课)Pinia组件库的基本知识(二)
Vue(第十五课)Pinia组件库的基本知识(二)
72 0
|
12月前
|
JavaScript
Vue框架的学习(Vue的基础指令操作二 V-For)第二课
Vue框架的学习(Vue的基础指令操作二 V-For)第二课
47 0
|
前端开发
前端学习笔记202304学习笔记第十一天-vue3.0-了解vuex的概念和好处
前端学习笔记202304学习笔记第十一天-vue3.0-了解vuex的概念和好处
44 0
|
前端开发
前端学习笔记202304学习笔记第十一天-vue3.0-了解vuex的概念和好处
前端学习笔记202304学习笔记第十一天-vue3.0-了解vuex的概念和好处
52 0

热门文章

最新文章