1.安装Vuex依赖包
yarn add vuex 或者
npm i vuex
2.导入vuex包
import Vuex from 'vuex'
Vue.use(Vuex)
3.创建store对象
const store =new Vuex.Store({
//state 中存放全局共享的数据
state :{data:0}
})
4.将store对象挂载到vue实例中
new Vue({
el:'#app',
render:h=>h(app),
router,
store
})
将创建的共享数据对象,挂载到Vue实例中,所有组件可以直接从store中获取全局的数据了。