Vue.js

Vuex

vuex官网学习链接

总结
  1 vuex 就是提供一个存放全局变量的地方。
  2 store 对象就是存放全局变量和对全局变量的操作。

项目中安装vuex依赖包

# 创建一个基于 webpack 模板的新项目
vue init webpack vue-vuex-demo
# 安装依赖，走你
cd vue-vuex-demo
cnpm install --save vuex
# 运行前端程序
npm run dev

vuex 代码结构

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    
    increment(state){
      state.count++
    },
   
  },
  /**
   * action的作用和mutations作用是类似的
   *  区别：
   *    action:中是包含任何异步操作
   *    mutation中是不可以异步操作的
   */
  actions: {
    increment (context){
      context.commit('increment',10)
    }
  },
  getters: {
    remark(state){
      
     }
})

export default store