vuex中的 es6 语法【举例说明】

「爱情、让人受尽委屈。」 2022-10-19 12:47 145阅读 0赞

**目录**

vuex中的解构赋值

vuex中的 es6-对象扩展-属性简洁表达式

vuex中的 es6-对象扩展-属性名表达式

vuex中的 es6-对象扩展-展开运算符

vuex中的 es6-模块化

--------------------

## vuex中的解构赋值 ##

实践中，我们会经常用到 ES2015 的 [参数解构 (opens new window)][opens new window]来简化代码（特别是我们需要调用 commit 很多次的时候）：

之前：

actions: \{ increment (context) \{ context.commit('increment') \} \}

之后

actions: \{ increment (\{commit\}) \{ commit('increment') \} \}

## vuex中的 es6-对象扩展-属性简洁表达式 ##

new Vue(\{ el: '\#app', store \})

## vuex中的 es6-对象扩展-属性名表达式 ##

ES6 允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内。

使用常量替代 mutation 事件类型在各种 Flux 实现中是很常见的模式。

// mutation-types.js export const SOME\_MUTATION = 'SOME\_MUTATION'

// store.js import Vuex from 'vuex' import \{ SOME\_MUTATION \} from './mutation-types' const store = new Vuex.Store(\{ state: \{ ... \}, mutations: \{ // 我们可以使用 ES2015 风格的计算属性命名功能来使用一个常量作为函数名 \[SOME\_MUTATION\] (state) \{ // mutate state \} \} \})

## vuex中的 es6-对象扩展-展开运算符 ##

computed: \{ localComputed () \{ /\* ... \*/ \}, // 使用对象展开运算符将此对象混入到外部对象中 ...mapState(\{ // ... \}) \}

## vuex中的 es6-模块化 ##

import \{ mapState \} from 'vuex';

[opens new window]: https://github.com/lukehoban/es6features#destructuring

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 nmap命令详细的使用方法举例说明

nmap 是一款功能强大的网络扫描和主机探测工具。它可以帮助用户探测网络内的设备，分析网络拓扑结构，查找开放的端口以及运行在这些端口上的服务，甚至还可以尝试确定操作系统类型。

朴灿烈づ我的快乐病毒、/ 2024年03月27日 12:18/ 0 赞/ 41 阅读

相关自然语言处理（NLP）技术举例说明

![c1c3f31b958d3d6f256c393c4e27ea39.jpeg][] 以下是几个自然语言处理技术的例子： 1. 机器翻译：机器翻译是一种自然语言处理技术，

妖狐艹你老母/ 2024年03月24日 22:14/ 0 赞/ 55 阅读

相关 C语言中 “＞＞=,＜＜=,&=,^=,|=” 分别表示什么意思？举例说明

1、C语言中的 >>= 意思为：右移后bai赋值代码示例为： x = 8; x >>= 3; 右移后结果为：00000000 00000000 00000000

旧城等待，/ 2022年12月27日 12:51/ 0 赞/ 258 阅读

相关保理业务举例说明

一个案例讲清楚什么叫保理： 1、保理：A是甲国卖汽车的，突然接了个大单子，来自一个乙国的汽车店B要进1000万的车。但B有个要求，说要3个月才能卖完，所以想等3个月后再结货款

电玩女神/ 2022年12月13日 01:53/ 0 赞/ 169 阅读

相关 String.join方法使用举例说明

以前循环字符串数组，需要在元f素后面加上符号来区分开来时，我们通常会遇到首位得元素还需要做特殊处理，但是Jdk1.8后，String.join方法很好的解决了这个问题。

悠悠/ 2022年12月05日 15:16/ 0 赞/ 147 阅读

相关举例说明Spring Boot的自动配置原理

这里写目录标题 Spring Boot的配置文件运行原理举例说明总结 Spring Boot的配置文件

清疚/ 2022年12月03日 12:54/ 0 赞/ 151 阅读

相关逗号操作符作用并举例说明

目录逗号操作符作用并举例说明 = == === 区别分析 a++ 和 ++a 字符

雨点打透心脏的1/2处/ 2022年10月22日 07:31/ 0 赞/ 140 阅读

相关 vuex中的 es6 语法【举例说明】

目录 vuex中的解构赋值 vuex中的 es6-对象扩展-属性简洁表达式 vuex中的 es6-对象扩展-属性名表达式 vuex中的 es6-对象扩展-展开运算符

「爱情、让人受尽委屈。」/ 2022年10月19日 12:47/ 0 赞/ 146 阅读

相关 Kettle：举例说明Oracle表数据复制

1、准备好Oracle数据库，并建表student 数据库名：testdb 用户名/密码：testuser/12345678 create table st

淩亂°似流年/ 2022年01月23日 05:34/ 0 赞/ 334 阅读

相关性能测试方法--举例说明

《西游记》中有一场景叫做：“猪八戒背媳妇”，下面我们就以这个来打比方向大家描述几种性能测试方法的异同点。　　我们将猪八戒同志作为性能测试的被测试对象。　　负载测试：猪同

朴灿烈づ我的快乐病毒、/ 2021年11月29日 12:40/ 0 赞/ 303 阅读