vuex中的中的 mapState,mapGetters,mapActions,mapMutations
的使用的使用
一、介绍一、介绍 vuex里面的四大金刚：里面的四大金刚：State，， Mutations，，Actions，，Getters
（上次记得关于vuex笔记 //www.jb51.net/article/138229.htm,是一个简单的应用；这是一些简单的vue的小组件方法：
//www.jb51.net/article/138230.htm）
何为四大金刚？
1.State （这里可以是 小写的 state，跟官网保持一致，采用大写，因为个人习惯，后面的代码介绍采用小写）
vuex的状态管理，需要依赖它的状态树，官网说：
Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存
在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程
中也能轻易地取得整个当前应用状态的快照。
简单粗暴理解： 我们要把我们需要做状态管理的量放到这里来，然后在后面的操作动它
我们来声明一个state：
const state = {
blogTitle: '迩伶贰blog',
views: 10,
blogNumber: 100,
total: 0,
todos: [
{id: 1, done: true, text: '我是码农'},
{id: 2, done: false, text: '我是码农202号'},
{id: 3, done: true, text: '我是码农202号'}
] }
2. Mutation
我们有了state状态树，我们要改变它的状态（值），就必须用vue指定唯一方法 mutation，官网说：
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符
串的 事件类型 (type) 和 一个 回调函数 (handler)。
简单粗暴理解：任何不以mutation的方式改变state的值，都是耍流氓（违法）
我们来一个mutation：
const mutation = {
addViews (state) {
state.views++
},
blogAdd (state) {
state.blogNumber++
},
clickTotal (state) {
state.total++
}
}
3.Action
action 的作用跟mutation的作用是一致的，它提交mutation，从而改变state，是改变state的一个增强版，官网说：
Action 类似于 mutation，不同在于：
Action 提交的是 mutation，而不是直接变更状态。
Action 可以包含任意异步操作。
简单粗暴理解： 额，这总结的差不多了，就这样理解吧！
我们来一个action：
const actions = {
addViews ({commit}) {
资源评论
