Vue:状态管理与VueX（跨组件共享数据）

vuex安装：

npm install --save vuex

//main.js
import Vuex from 'vuex';
vue.use(Vuex);

const store = new Vue.Store({
//vuex的配置
  state:{
  	count:0
  },
  mutations:{
  	increment:(state){
  		state.count++;
  	},
  	decrease(stats){
    	state.count--;
    }
  }
});

new Vue({
	el:'#app',
  router:router,
  store:store,
  render:h=>{
  	return h(App)
  }
})

store包含了应用的数据（状态）和操作过程。Vue里的数据都是响应式的，任何组件使用同一 store的数据时,
只要store的数据变化，对应的组件页会立即更新。
在组件内，来自store的数据只能读取，不能手动改动，改变store中的数据的唯一 途径就是显示的提交mutations.

mutations里的方法可以接受两个参数，第二个参数可以是数字，字符串或对象等类型

在组件内，通过this.$store.commit 方法来执行mutations.

<template>
	<div>
    	<h1>首页</h1&g