益处
- 集中管理(共享)数据,易于开发和保护
- 高效地实现组件之间的数据共享,进步开发效率
- 存储在 vuex 中的数据是响应式的,数据扭转,应用到的中央会主动实时更新
根本应用
第一步:装置依赖包
npm i vuex --save
第二步:导入
import Vuex from 'vuex'
Vue.use(Vuex)
第三步:创立 store 对象
const store = new Vuex.store({state: {count:0}
});
第四步:把 store 实例挂载到 Vue 根实例中,进行关联
new Vue({
el: "#app",
render: h => h(app),
store,
router
})