vuex

Posted chengyuan1216

tags:

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

1、vuex 是什么?

“Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。”

既然是状态管理,那么可简单理解成状态 和 管理两个部分。

状态其实就是一个表示组件当前数据的对象。

而管理就是通过定义一些方法去改变状态。

 

2、vuex类似于全局对象,但又有不同。

首先,vuex是响应式的,也就是说state改变视图也会跟着改变。

其次,不能直接改变state,只能通过commit(提交)mutation才能改变。

 

3、如果是使用模块的写法,必须在使用vuex时调用vue.use(vuex)

 

4、核心概念

State

Getter

Mutation

Action

Module

 

5、State

  “单一状态树” : 每个应用将仅仅包含一个 store 实例。

  如何在组件中展示状态呢?

  (1)最简单的方式: 是在计算属性中返回某个状态。

   computed: {

    count () {

      return store.state.count

     }

    }

  (2)调用Vue.use(Vuex),将状态从根组件注入到每一个子组件之中。

   然后在根组件的配置对象中加入store对象。

   子组件通过 this.$store.state 访问状态。

6、Getter

7、Mutation

8、Action

9、Module

 

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

Vuex

Vuex基本介绍

Vuex状态管理机制

Vuex笔记

vuex 基本用法

备忘录应用