Vuex实现state mutations actions getters

网友投稿 727 2022-05-29

vuex是什么?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

采用集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面.

Vuex五大核心:

State (包含了store中存储的各个状态)

Getter (类似于Vue中的计算属性,获取state里面的数据)

Mutation (用来改变store中状态,同步)

Action ( commit()来触发 mutation 的调用,类似于Mutation, 但是是用来代替Mutation进行异步操作的)

Module (模块)

Vuex示例图:

安装vuex:

npm install vuex --save

在src下创建store文件夹,并创建index.js和yxz.js

修改stroe/index.js:

main.js

App.vue

stroe/yxz.js

Vuex实现state mutations actions getters

Vue JavaScript

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:成功解决AttributeError: module 'enum' has no attribute 'IntFlag'?
下一篇:Python:标准库fcntl给打开的文件加锁
相关文章