码迷,mamicode.com
首页 > 其他好文 > 详细

Vuex 部分

时间:2020-11-01 10:11:35      阅读:12      评论:0      收藏:0      [点我收藏+]

标签:项目   tool   tps   对象   通过   动态   vuejs   部分   https   

Vuex 部分
官网链接
https://vuex.vuejs.org/zh/

先说一下vuex到底是什么?
vuex 是一个专门为vue.js应用程序开发的状态管理模式。
这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。
也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理。

vuex中,有默认的五种基本的对象:
state:存储状态(变量)
getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun()
mutations:修改状态,并且是同步的。在组件中使用$store.commit(‘‘,params)。这个和我们组件中的自定义事件类似。
actions:异步操作。在组件中使用是$store.dispath(‘‘)
modules:store的子模块,为了开发大型项目,方便状态管理而使用的。这里我们就不解释了,用起来和上面的一样。

vuex action 和 mutation之间的区别
mutation 定义的方法动态修改Vuex 的 store 中的状态或数据。view 层通过 store.commit来分发,必须同步执行。
action可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法,简单的说就是异步操作数据。view 层通过 store.dispath 来分发 action,不能直接操作state。

总结:
各个类型的 API各司其职,mutation 只管存,你给我(dispatch)我就存;action只管中间处理,处理完我就给你,
你怎么存我不管;Getter 我只管取,我不改的。 action放在了 methods 里面,说明我们应该把它当成函数来用
(讲道理,钩子函数也应该可以的) mutation是写在store里面的,这说明,它就是个半成品,中间量,
我们不应该在外面去操作它。getter写在了 computed 里面,这说明虽然 getter我们写的是函数,但是我们应该把
它当成计算属性来用。

Vue+Element项目兼容IE11
链接 https://blog.csdn.net/around_primary/article/details/79087466
Vue+Element ui开发中碰到的IE低版本问题
链接 https://blog.csdn.net/github_38847071/article/details/79993935
Vue+Element的el-scrollbar滚动条
链接 https://www.cnblogs.com/caiyuqin/p/9045684.html
https://www.cnblogs.com/myfirstboke/p/10218138.html

vue devtool的安装与使用(vue bug插件调试工具的安装与使用)
https://blog.csdn.net/AXIMI/article/details/83825042

Vuex 部分

标签:项目   tool   tps   对象   通过   动态   vuejs   部分   https   

原文地址:https://www.cnblogs.com/fmj521/p/13885869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!