首页 > 其他分享 >说一说Vuex是什么,每个属性是干嘛的,如何使用 ?

说一说Vuex是什么,每个属性是干嘛的,如何使用 ?

时间:2023-01-25 19:48:00浏览次数:47  
标签:说一说 数据 干嘛 state mutation action Vuex 属性

  1. Vue的概念

Vuex是集中管理项目的公共数据的
2. vuex的属性:

state:保存数据状态的仓库

getters:对state数据进行计算,类似于计算属性(依赖数据发生变化才会重新计算)

action:发异步请求获取数据,提交mutation(类似于mutation,不同的是,action用于提交mutation,而不是直接变更状态)

  1. 写在action获取的数据适用于全局公用的

  2. 写在页面的mounted是用于当前页面的

mutation:唯一可以改变state状态的方法,不可以写异步请求

module:把store分为很多小模块,每一个模块都有自己的state,getters,action,mutation属性,最后合并到一起

  1. vuex的作用:

可以更清晰明了的管理数据,清除的观察数据的来源,便与维护,更简便

  1. 不使用vuex的缺点:

维护困难,不知道数据哪来的,修改数据需要修改三个地方

5.Vuex的使用

VueX在大型项目中比较常用,非关系组件传递数据比较方便。

标签:说一说,数据,干嘛,state,mutation,action,Vuex,属性
From: https://www.cnblogs.com/jycom/p/17067181.html

相关文章

  • 说一说JavaScript有几种方法判断变量的类型?
    typeof、instanceof、Object.prototype.toString.call()(对象原型链判断方法)、constructor(用于引用数据类型)标准回答JavaScript有4种方法判断变量的类型......
  • 说一说JS数据类型有哪些,区别是什么?
    Number、String、Boolean、BigInt、Symbol、Null、Undefined、Object、8种标准回答JS数据类型分为两类:一类是基本数据类型,也叫简单数据类型,包含7种类型,分别是Number、St......
  • 小项目中vuex使用频率不太多我们完全可以用provide inject 来代替可以让项目小不少
    在一般小型项目中vuex实在是太浪费了所以我们可以用到vue中的provideinject代替 1.在vue3中我们先另起一个文件创建一个全局的状态和方法的地方(如果你的全局状态特别......
  • VUEX 使用学习四 : action
    转载请注明出处:action用于处理异步任务;action,可以操作任意的异步操作,类似于mutations,但是是替代mutations来进行异步操作的。首先mutations中必须是同步方法,如果使用......
  • 学习Vuex mutations
     Vuex中store数据改变的唯一方法就是提交 mutations。mutations里面装着一些改变数据方法的集合,这是Vuex设计很重要的一点,就是把处理数据逻辑方法全部放在 mutation......
  • vuex详解
    vuex的介绍vuex是vue.js应用程序中的状态管理模式,它是集中式存储管理所有组件的数据状态,vuex解决了多个视图之间的数据交互同步,不需要进行组件连接再传递数据。vuex的5大......
  • VUEX 使用学习三 : mutations
    转载请注明出处:在Vuex中store数据改变的唯一方法就是提交 mutations。mutations里面装着一些改变数据方法的集合,这是Vuex设计很重要的一点,就是把处理数据逻辑方......
  • VUEX state 的使用学习二
    转载请注明出处:state提供唯一的数据资源,所有的共享的数据都要统一放到store中的state中进行存储;状态state用于存储所有组件的数据。管理数据//初始化vue......
  • VUEX 的使用学习一
    转载请注明出处:一、Vuex是什么?介绍:Vuex是一个专为[Vue](https://so.csdn.net/so/search?q=Vue&spm=1001.2101.3001.7020).js应用程序开发的状态管理模式。它采用......
  • @EntityGraph是干嘛的
       @RepositorypublicinterfaceUserRepositoryextendsJpaRepository<User,Long>{Optional<User>findOneByActivationKey(StringactivationKey);......