vuex01-安装使用

​

安装

1. npm install vuex --save
2. yarn add vuex

使用

新建文件以及文件夹

1. 在src目录下新建名为store的文件夹（名称随意）
2. 在store目录下新建名为index.js文件（名称随意）

引入Vuex

1. 在index.js 使用vue.use(Vuex) 安装Vuex

import Vue from 'vue'
   import Vuex from 'vuex'
   
   Vue.use(Vuex)      

1. 新建一个store(仓库)

const store = new Vuex.Store({
      state: {
        count: 0
      },
      mutations: {
        increment (state) {
          state.count++
        }
      }
    })      

1. 抛出store

export default store      

引入store

1. 找到main.js

import store from './store/index'      

1. 绑定到vue实例

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')