首页 > 其他分享> 文章详细

vuex

2022-04-14 19:32:28 阅读：143 来源： 互联网

标签：Vue mutations state 组件 vuex store

　　1.概念：专门在Vue中实现集中式状态(数据)管理的vue插件，对vue应用中多个组件的共享状态进行集中式读/写，
　　　　　并且也是组件间的通信方式，且适用于任意组件间的通信。

　　2.使用场景：1.多个组件依赖于同一状态(数据)；

　　　　　　　　2.来自不同组件的行为需要变更同一状态(数据)；

　　　　vue2使用vuex3版本， npm i vuex@3　　

　　　　vue3使用vuex4版本，版本不对应无法安装

　　3.搭建vuex环境
　　　　1.创建文件：src/store/index.js

import Vue from "vue";

import Vuex from "vuex";

Vue.use(Vuex);
//actions对象——响应组件中用户的动作
const actions = {};
//mutations对象——修改state中的数据
const mutations = {};
//state对象——保存实时的数据
const state = {};

//创建并暴露stote
export default new Vuex.Store({
  actions,
  mutations,
  state,
});

　　　　 2.在main.js中创建vm水传入store配置项
　　　　　　

...
import store from "./store";

...

new Vue({
  render: (h) => h(App),
  store,
}).$mount("#app");

标签：Vue,mutations,state,组件,vuex,store
来源： https://www.cnblogs.com/qingshuihongye/p/16146171.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vuex