关于javascript:Vuex-数据共享中心

2次阅读

共计 275 个字符,预计需要花费 1 分钟才能阅读完成。

益处

  1. 集中管理(共享)数据,易于开发和保护
  2. 高效地实现组件之间的数据共享,进步开发效率
  3. 存储在 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
})
正文完
 0