1、安装vuex:
npm install vuex --save-dev
2、在项目中部署vuex功能:
- (1)在项目src的根目录下创建文件夹vuex,在vuex文件夹下创建store.js。
- (2)书写store.js文件。
import Vue from ‘vue’
import Vuex from ‘vuex’
Vue.use(Vuex);
let store=new Vuex.Store({ });
export default store; - (3)将vuex功能连入挂载点,书写main.js文件:
import store from ‘./vuex/store’
new Vue({
el:‘#app’,
store,
…… })
3、如何在组件文件中使用vuex的状态变量:
{{this.$store.state.count}