Vue
家里的喵
这个作者很懒,什么都没留下…
展开
-
新手Vuex入门之modules最后一篇
5.modules背景:在Vuex中所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理。modules:可以让每一个模块拥有自己的state、mutations、action、getters,使得结构非常清晰,方便管理,甚至是嵌套子模块——从上至下进行同样方式的分割。尤其在多人开发同一个项目的时候,自己负责自己相关的模块...原创 2019-12-09 09:10:21 · 405 阅读 · 0 评论 -
Vuex中的辅助函数:mapState,mapGetters,mapMutations,mapActions
通过前面四篇,我们已经讲完了Vuex中的四个核心概念,分别是state,getters,mutations,actions掌握了这四个概念,我们基本可以应对一些中小项目了。Vuex中还有最后一个概念是modules,主要是为了针对一些大型复杂项目,避免store里面的数据太多,难以管理而设计存在的,modules比较难,所以本篇先不做详细讲述,会把他放在最后一篇来做解释今天主要就是想跟大家分享下...原创 2019-12-05 16:13:40 · 436 阅读 · 0 评论 -
新手Vuex入门之actions第四篇
4.actions好吧,通过前面3篇白话文式的叙述,我们应该了解了Vuex中的3个核心概念了,分别是state,getters,mutations,我们知道了怎么在state里面定义自己想要的基本数据态,并且知道想要修改state里面的数据,需要在mutations这个对象里面去定义事件(type)跟回调函数,必须显式提交mutations里面的事件类型(type),去做修改状态这种事情,而且m...原创 2019-12-05 09:08:14 · 335 阅读 · 0 评论 -
新手Vuex入门之mutations第三篇
通过第一篇跟第二篇,我们知道了如何去定义和获取store里面的状态数据,但是光会定义跟获取肯定是不够的,很多的场景需要对这些状态进行操作跟修改,那么具体如何操控呢?这就是本篇要讲的重点。重点来啦1.只有mutation能修改跟设置state更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一...原创 2019-12-04 09:43:43 · 200 阅读 · 0 评论 -
新手Vuex入门之getters第二篇
上篇白话文描述了Vuex里面的第一个核心概念,今天来讲下第二个核心概念。Vuex核心概念之getters的自我解释;2.gettersgetter可以理解为store的计算属性,比如说我们直接定义在state对象里的组件状态不合适拿来直接用,需要在此基础上再做一层过滤来派生出一些其他状态,例如对上篇state中定义的水果数组把苹果都筛选出来展示在UI层上,那么我们一般都会在计算属性上对此进行...原创 2019-12-03 17:34:44 · 174 阅读 · 0 评论 -
新手Vuex入门之state第一篇
大家都知道Vue中做组件通信有props,$emit来解决,但是这仅限单纯的父传子,子传父,但是这种方法在一些比较复杂的通信的时候,弊端就出来了,如下场景说1.祖祖祖父要传给曾曾曾孙,一个简单的数据要从祖宗十八代传到你这一代,其实还要经历子组件的一个个父辈,其中还不能断了2.兄弟节点间的通信,可能需要父组件的支持,但是兄弟之间的事情,为什么一定要让老爸知道呢,这点在Vue设计中也是不太合理的存...原创 2019-12-02 13:46:24 · 352 阅读 · 0 评论