临沂网站建设公司全国,开发平台价格,技工外包网,免费财务软件永久版1.概念
在Vue实现集中式状态#xff08;数据#xff09;管理的一个插件#xff0c;对Vue中多个组件的共享状态进行集中式的管理#xff08;读/写#xff09;#xff0c;也是一种组件间的通信方式#xff0c;适用于任意组件间的通信
2.使用场景
多个组件需要共享数据时…1.概念
在Vue实现集中式状态数据管理的一个插件对Vue中多个组件的共享状态进行集中式的管理读/写也是一种组件间的通信方式适用于任意组件间的通信
2.使用场景
多个组件需要共享数据时
3.搭建Vuex环境
创建文件src/store/index.js
//index.js文件用于创建Vuex中最为核心的store对象
import Vue from vue
import Vuex from vuex
Vue.use(Vuex)
//actions对象用于响应组件中的动作
const actions {}
//mutations对象用于操作数据state
const mutations {}
//用于存储数据
const state {}
/*创建 并导出Store
* (这里的options参数本质上要传入一个键值对对象但如果键值对的k和v同名则可以采用简写形式)必须先use Vuex再创建Store
* */
export default new Vuex.Store({actions,mutations,state
})
在main.js文件中引入store并且为Vue对象传递store对象
...
//引入store,这里文件路径也可以写成 ./store因为index.js是默认命名方式
import store from ./store/index
Vue.config.productionTip false;
new Vue({el:#app,render: hh(App),store,...
})
