【vuex的基础知识点】

最新推荐文章于 2024-08-29 14:26:44 发布

从入坑到入坑

最新推荐文章于 2024-08-29 14:26:44 发布

阅读量67

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_56541996/article/details/126004109

版权

vuex

1,在大型,特大型,vue项目中做数据统一管理的
2,在vuex 中存储的数据,每个组件都可以引用到vuex中的数据发生变化,引用该数据的组件会自动更新

如果一个数据,需要在多个组件中重复使用,可以吧数据存放在vuex的store中

在创建vue项目之后生成的 store 文件内的 index.js中编辑
在这里插入图片描述

 $store.state.cartNum
 //cartNum为自定义变量

在这里插入图片描述

   $route.commit('SET_CART_NUM',100)

在这里插入图片描述

 $route.dispatch('getCartNum',33)

在这里插入图片描述

$store.getters.free

	从现有state数据计算出新的数据

在这里插入图片描述

最后是一些单词的翻译，帮助你们更好的理解vuex

actions 动作:异步方法
mutations 改变;是修改state数据的唯一方式
state;   状态,数据
getters 获取器
moudule  模块
commit  提交
dispatch   触发

关注