y2250114617的博客

各位彦祖和亦菲如果是初学的话，这篇文章是可以为各位的理论知识提供较大的帮助的，计算属性和侦听器有些初学者总是分不清，在这里我再做一个简便的归类，大家在工作中选用的时候可以直接根据归类来选择，如果还想深入研究，可以上官网学习，后续我也会再更新进阶版的内容，可以点个关注，以便后续观看。再代码中如果偶尔写一两个这样将计算过程放到模板中的代码可能影响不大，但是如果你写的是一个大型的项目，可能需要多次取用CidrBlock 的值的时候，这样的代码就不太优雅，而且会引起诸如：性能损耗、可读性和维护性的问题。

后续将继续为大家带来前端相关的内容，如有疑问，可以评论回复。

本次详细为大家介绍了ES7、ES8的常用特性，希望对大家能有一定的帮助，如果想了解ES6和ES系列的产生，各位彦祖和亦菲可以移步ES新特性系列（一）—— ES的简介与ES6。

ES的全称是ECMAScript，是一种由 Ecma International（欧洲计算机制造商协会）通过 ECMA-262 标准化的脚本程序设计语言。我们可以这样理解：Javascript语言当初被创造出来的时候，它主要用于网景公司的Navigator浏览器。后来各个浏览器厂商都觉得Javascript不错，于是他们都开始在自己的浏览器中应用了Javascript，但是同时又对它进行了个性化的处理，这就导致了同一段JavaScript代码在不同的浏览器中可能会有不同的行为。程序员说：OMG！

在Vuex中，mapState, mapGetters, mapMutations 和 mapActions 这些辅助函数就是语法糖。即辅助函数可以以更简洁、更容易读懂的方式来帮助我们使用vuex中的状态和方法。vuex辅助函数有四个mapState、mapMutations、 mapActions、 mapGetters.roles: [],},roles() {},},},这样用并没有问题，但是有聪明的彦祖就会想到：那我这个组件要用100个vuex中的状态怎么办？

正如它的名字一样，它是用于处理Vuex的storer的模块化问题的：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。官网中描述其好处为：“单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。当多个组件需要共享一些状态时，比如用户的登录状态、用户的角色等，这些状态可以放在 Vuex 中进行管理，然后通过 Vuex 提供的接口在各个组件中进行访问和修改。用稍微通俗易懂的解释来说就是：它是组件内部的数据状态，即组件中data选项中定义的数据。