前言

昨天我们代码看到了modules/app/actions.ts的代码，今天先简单过下actions.ts的代码再接着往下看。

actions.ts

首选actions是vuex中用于处理复杂操作和异步操作的方法。

app.ts

先看看app.ts吧

定义并导出了一个名为DeviceType的枚举类型，包含两个常量值：
Mobile 值为0
Desktop 值为1

定义并导出了一个名为AppState的接口，用于描述应用程序的状态结构：

暂停

进行一下回顾

js和ts各自创建一个实例对象的方式

js

let i = 0;
let obj = {
	name:'小明',
	age:20
}

ts

type ct = number;
let i:ct = 1;

interface obc = {
	name:string,
	age:number
}
let obj:obc = {
	name:'小明',
	age:20
}

很显然，从面的方法，我们应该知道：
类型别名用于约束复杂对象数据结构
类型用于约束简单数据结构

modules/app模块到底做了什么

无论如何，我们最后需要从app模块拿到的东西始终只有一个东西，就是一个对象：
一个包括mutations，actions，state的对象
那么actions.ts 创建了actions接口，然后用actions接口&ActionTree<AppState, RootState>创建并暴露了actions