Vuex 部分

Posted 2020-12-20 fmj521

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