vue2项目：快速创建vue页面模板+aixos和Message的挂载+async与await的异步操作

1. //在main.js中
2. //导入网络请求的包
3. import axios from 'axios'
4. //配置请求的根路径，这样子就都有网址的请求路径就都会加这一个固定的前缀减少输入
5. axios.defaults.baseURL='http://网络地址:端口号/后缀'
6. // 把axios这个包挂载到原型对象上
7. // 添加到vue.prototype.$http后,可以在每一个组件上通过
8. // this.$http获取axios 不必每个页面都import  axios   $http是自定义的属性名,可以随便起
9. Vue.prototype.$http=axios

this.$http.get('路径' + 参数)

1. import  Message from 'element-ui'
2. //挂载消息提示组件到原型中，这样子就方便用this调用
3. Vue.prototype.$message=Message

1. this.$message.error('失败提示文字')
2. 
3. this.$message.success('成功提示文字')

1. JavaScript 中的异步机制可以分为以下几种：
2. 回调函数 的方式，使用回调函数的方式有一个缺点是，多个回调函
3. 数嵌套的时候会造成回调函数地狱，上下两层的回调函数间的代码耦
4. 合度太高，不利于代码的可维护。
5. Promise 的方式，使用 Promise 的方式可以将嵌套的回调函数作为
6. 链式调用。但是使用这种方法，有时会造成多个 then 的链式调用，
7. 可能会造成代码的语义不够明确。
8. generator 的方式，它可以在函数的执行过程中，将函数的执行权转
9. 移出去，在函数外部还可以将执行权转移回来。当遇到异步函数执行
10. 的时候，将函数执行权转移出去，当异步函数执行完毕时再将执行权
11. 给转移回来。因此在 generator 内部对于异步操作的方式，可以以
12. 同步的顺序来书写。使用这种方式需要考虑的问题是何时将函数的控
13. 制权转移回来，因此需要有一个自动执行 generator 的机制，比如
14. 说 co 模块等方式来实现 generator 的自动执行。
15. async 函数 的方式，async 函数是 generator 和 promise 实现的
16. 一个自动执行的语法糖，它内部自带执行器，当函数内部执行到一个
17. await 语句的时候，如果语句返回一个 promise 对象，那么函数将
18. 会等待 promise 对象的状态变为 resolve 后再继续向下执行。因此
19. 可以将异步逻辑，转化为同步的顺序来书写，并且这个函数可以自动
20. 执行

1. // 展示编辑用户的对话框
2.     async showEditDialog(id) {
3. // console.log(id);
4.       const { data: res } = await this.$http.get('users/' + id)
5. if (res.meta.status !== 200)
6. return this.$message.error('查询用户信息失败！')
7.       this.editForm = res.data
8.       this.editDialogVisible = true
9.     },