在老项目中
在老项目中 使用vuex 需要下载vuex包
步骤:
1.下载安装包 npm i vuex
2.在src文件中创建一个文件 store(不是固定文件名 而是约定名字)
3.创建一个index.js 文件 放置具体代码
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
}
})
export defalut storeimport Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
}
})
export defalut store
4.在src/main.js中导入store注入Vue实例
import store from ‘./store’ //省略其他
new Vue({
store //注入Vue实例
})
5.在组件中使用store
this.$store.state //获取公共数据