Vuex的介绍

最新推荐文章于 2024-10-09 20:10:15 发布

x65456

最新推荐文章于 2024-10-09 20:10:15 发布

阅读量44

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/x65456/article/details/128623784

版权

Vuex是一个用于Vue.js应用的状态管理工具，它集中管理组件状态，解决组件间数据共享和同步问题。通过state存储数据，getters获取和加工数据，mutations修改数据，actions处理异步操作并触发mutations，同时支持通过modules实现模块化数据管理。

摘要由CSDN通过智能技术生成

Vuex的介绍

1什么是Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储，管理应用中所有组件的状态。

2它能用来干什么？
● 进行统一的状态管理，解决不同组件共享数据的问题。
● 不同视图需要变更同一状态的问题。
● 使用vuex之后，状态变化更加清晰。

3它的组成

export default new Vuex.Store({
  state: {
  在这里存放数据
  },
  getters: {
  可以对state中的数据进行加工使用，但不能修改数据
  },
  mutations: {
  可以对state的数据进行修改
  自定义一个方法
    changeInfor(state,payload){
      console.log(state)
      console.log(payload)
  },
  actions: {
  action类似于mutation，不同的是
    a. action可以包含异步操作
    b. action不能直接修改state，如果想修改state的话，需要触发mutation
  },
  modules: {
  相当于 不同的模块，可以实现数据分离
  }
})