vue学习4-VueX

npm install vuex --save

vuex 是定义的一个大仓库，来存放项目中用到的数据，解决组件之间传值的复杂性。

mutations 是官方的修改仓库中的值的唯一方法

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import VueX from 'vuex'

Vue.use(VueX)
//定义一个大仓库，来存放项目中用到的数据
const store = new VueX.Store({
  state:{
    NoteList1:['吃饭','睡觉','打豆豆']
  },
  mutations:{
    //修改仓库中的值的唯一方法
    AddNote:function (state,note) {
      state.NoteList1.push(note);
    }
  }
})
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store:store,//将上面定义的大仓库与实例联系在一起
  components: { App },
  template: '<App/>'
})