Vuex的简单认识

Posted dwvfw855

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vuex的简单认识相关的知识,希望对你有一定的参考价值。

vuex的简单认识

一. 什么是vuex?

Vuex是一个专为了vue.js 应用程序开发的状态管理模式

二.为什么要用vuex?

构建一个大型单页面应用程序时,Vuex可以更好的帮我们的组件外部更好的统一管理状态

类似服务端的session(单纯的比较)

三.Vuex的核心观念

  • State

是唯一的数据源

单一状态树

技术图片

 

 

 

  • Getters

通过Getters可以派生一些新的状态

技术图片

通过Getters 操作只需要done的属性

  • Mutations

    更改vuex的store中的状态的唯一方法提交Mutations

    技术图片

    调用

    技术图片

 

  • Actions

Action提交的是mutation,而不是直接变更状态

Action可以包含任意异步操作

技术图片

 

  • Modules

面对复杂的应用程序,当管理的状态比较多时,我们需要将Vuex的store对象分割成模块(Modules)

技术图片

四.Vuex状态管理

技术图片

因为是初次写文章以及是后端开发人员,所以能明白,因为和后端思维是通的,但是无法深刻写出对其的完整理解,见谅

以上是关于Vuex的简单认识的主要内容,如果未能解决你的问题,请参考以下文章

Vuex的认识和简单应用

一文教会你认识Vuex状态机

一文教会你认识Vuex状态机

Vuex

vuex概念总结及简单使用实例

简单使用vuex状态管理