01 vuex知识点

npm  install vuex --save

import Vue from ‘vue‘
import Vuex from ‘vuex‘
import mutations from ‘./mutations‘

Vue.use(Vuex)
const state = {
  bookInfo: [{
      id: 1,
      bookName: ‘女神的妖孽保镖‘,
      imgUrl: ‘http://img60.ddimg.cn/digital/product/20/89/1960072089_ii_cover.jpg?version=2fe38ba8-04ac-4d27-9f35-e472bba7ddda‘,
      price: 22
    },
    {
      id: 2,
      bookName: ‘斗破苍穹‘,
      imgUrl: ‘http://img62.ddimg.cn/digital/product/62/47/1960106247_ii_cover.jpg?version=ad9e940f-1f66-472c-94b3-c741a9873720‘,
      price: 33
    },
    {
      id: 3,
      bookName: ‘驭房有术‘,
      imgUrl: ‘http://img61.ddimg.cn/digital/product/66/31/1960156631_ii_cover.jpg?version=6aa3f42f-db07-4693-9a84-c4b16289ab23‘,
      price: 45
    },
    {
      id: 4,
      bookName: ‘斗罗大陆II绝世唐门‘,
      imgUrl: ‘http://img60.ddimg.cn/digital/product/47/41/1960104741_ii_cover.jpg?version=2de84bc6-242c-4499-ae23-e4be03f81a19‘,
      price: 20
    }, {
      id: 5,
      bookName: ‘不朽凡人‘,
      imgUrl: ‘http://img60.ddimg.cn/digital/product/64/54/1960146454_ii_cover.jpg?version=2d761c9a-c975-4970-9477-07f2e9d8a343‘,
      price: 38
    }
  ],
  added:[]
}

//getters
const getters={
    books:state=>state.bookInfo,
    buyBooks:buyBooks=>state.added
}

//actions
//先执行actions ，然后执行mutations
const actions={
    addBook:({commit},book)=>commit(‘addBook‘,book),
    deleteBook:({commit},book)=>commit(‘deleteBook‘,book),
    updateBook:({commit},book)=>commit(‘updateBook‘,book),
    buyBook:({commit},book)=>commit(‘buyBook‘,book),
    cancelBook:({commit},book)=>commit(‘cancelBook‘,book)
}

export default new Vuex.Store({
    state,
    getters,
    mutations,
    actions
})

const mutations={
    addBook(state,book){

    },
    deleteBook(state,book){

    },
    updateBook(state,book){

    },
    buyBook(state,book){

    },
    cancelBook(state,book){

    }
}

export default mutations