vuex 的配置和使用

vuex 的配置和使用

  在使用 Vue.js 开发中大型网站或者移动应用时,一般来说都有Vuex的应用,特别是在页面组件较多,组件之间的关联度以及耦合度较高时,应用Vuex 状态管理 “恰如其分” 了~

Vuex 核心概念的说明:
  Vuex 是专门为Vue.js 开发的一个状态管理器,它采用了集中式的模式管理着每一个的组件的状态。一种可预测并响应式的方式 处理组件中发生任何的变化。
  其实上面的那120个字是不好理解的,当然或许没有120个字~但是理解Vuex 的几个核心概念就好用了:

  • State:state 是vuex的核心组成部分。它是存储应用的状态管理池。
  • Mutation:mutations 是vuex的核心组成部分。如需要改变组件之间的状态,到mutation 这个钩子上面了 显式的提交对状态的改变 – 即Commit 操作。

如上是两个重要的组成部分,其次还有3个组成部分

  • Action
  • Getter
  • Module

Vuex 理解:
  简单的理解,在vue.js 中,视图层的显示是由数据驱动的,即 数据驱动视图,data 到 view 的过程。那么在vuex 中,状态管理组件就好比是状态驱动组件的更新,即 状态驱动视图,state 到 view 的过程。

Vuex 配置和使用:
   对于更好的理解和使用vuex ,这里 vue 教程。再好不过,这也是推荐的。但是可能需要花费一些时间阅读。
  当然本文主题是移步到这里,一个简明针对使用vuex 配置以及使用方法的参考站点,希望能帮助大家:
这里写图片描述

项目访问地址http://www.leileix.com/vuex/
GitHub地址https://github.com/RaccoonSmall/vuex-example

道路曲折延长而盲盲,进步总是在别人指点之后做更好的自己,任何可能存在的问题或者错误欢迎下方评论描述。当然您也可以加入一个看似没有任何生命力却时时有这爆发力的群组Q群:595377655 ~。

猜你喜欢

转载自blog.csdn.net/China_Guanq/article/details/81437736