1.安装vuex
npm install vuex --save
2.创建一个store.js文件
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
count: 0
}
export default new Vuex.Store({
state
})
3.在min.js中引用
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './vuex/store' // 引入store
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
4.开始使用吧
<template>
<div class=''>
<h3>{{$store.state.count}}</h3>
</div>
</template>