vuex2使用

四大要素

State（定义数据）
Mutations（同步操作，改变state数据）
Actions（异步操作，触发mutation）
Getters（数据格式处理，返回所需数据）

引入 vuex

import Vue from 'vue'
import Vuex from 'vuex'
import * as getters from './getters'
import * as actions from './actions'
Vue.use(Vuex)

使用 vuex

Computed 计算属性里引入 getters 中的数据 Methods 中引入 actions 中的方法

import { mapGetters, mapActions } from 'vuex'
mounted(){
  this.fetchBooks()
  let books = this.books
},
computed: {
  ...mapGetters([
    'books',
  ])
},
 methods: {
  ...mapActions([
    'fetchBooks',
  ]),
}