vuex入門 完整demo

1 第一步安裝  npm install vuex --save

2 在main.js 同級新建store.js

3 編輯store.js 在store.js 引用 vuex

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

　　Vue.use(Vuex)

4 用export default 封裝代碼，讓外部可以引用

　　const store = new Vuex.Store({
　　　　state : {
　　　　　　count : 0
　　　　}
　　})

　　export default store

5 在main.js 引入新建vuex文件

　　import store from './store.js'

　　然後實例化　　

　　new Vue({
　　　　el: '#app',
　　　　router,
　　　　store,//實例化
　　　　template: '<App/>',
　　　　components: { App }
　　})

　　這樣就可以在需要用到的組件中通過this.$store來引用這個store對象了

6 最後附上完整的demo，簡單的計數demo

項目地址 https://gitee.com/zjtol/vuex_demo

或直接 git clone [email protected]:zjtol/vuex_demo.git      然後 npm install