码迷,mamicode.com
首页 > 其他好文 > 详细

vuex

时间:2018-03-04 11:47:17      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:模块   token   管理   计算属性   state   lan   word   span   blog   

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

标签:模块   token   管理   计算属性   state   lan   word   span   blog   

原文地址:https://www.cnblogs.com/chengyuan1216/p/8503984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!