前端开发不能错过的Vuex教程,先收藏为

Vuex是什么?

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。

什么鬼东西

看完这段专业的解释,我反正是一脸懵逼,内心毫无波澜,甚至有点想吃酱肘子。感觉和没说一样嘛!keepgoing。

什么是状态管理模式?

一个简单Vue计数器应用

newVue({//statedata(){return{count:0}},//viewtemplate:`div{{count}}/div`,//actionsmethods:{increment(){this.count++}}})这个状态自管理应用包含以下几个部分:

state,驱动应用的数据源;view,以声明方式将state映射到视图;actions,响应在view上的用户输入导致的状态变化。这是一种“单向数据流”的理念。然后说明一下这种理念的缺点,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏:多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。

这里说的是,vue组件之间的传值操作,组件不多的情况下,嵌套的父子组件(prop,emit,on)和兄弟组件(globaleventbus)还容易操作一些。但是如果项目庞大,组件结构复杂,组件间的数据传递会变得很困难,后期代码不易维护。

若有所思

看到这里,貌似明白了些这鬼东西是要解决什么问题了。好的,然后我们继续往“坑”里走。

最简单的store

每一个Vuex应用的核心就是store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态(state)。Vuex和单纯的全局对象有以下两点不同:

Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(


转载请注明:http://www.aierlanlan.com/rzfs/2077.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了