// 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 store from './store'

Vue.config.productionTip = false

/* eslint-disable no-new */

new Vue({

  el: '#app',

  router,

  store,

  components: { App },

  template: '<App/>'

})

<template>

<div>

<div>状态管理</div>

<div>---------------------</div>

<div>{{msg}}</div>

<button @clic="change">change</button>

</div>

</template>

<script>

export default{

data(){

return{ 

      msg:"123"

      }

   },

   methods:{

   change(){

   //vuex取数据

       //this.msg=this.$store.state.count;

   //修改公共数据    

       this.$store.dispatch('inc',100000);

       this.msg=this.$store.state.num;

     }

   }

}

</script>