vue+element-ui完成的后台管理系统

最近的一次项目是用vue+element-ui完成的后台管理系统，整理一下用到的方法

1，用 async/await 来处理异步

async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。

image

2，还有之前我都不怎么用computed属性，这次在项目中用到

computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；

与watch之间的区别：

watch主要用于监控vue实例的变化，它监控的变量当然必须在data里面声明才可以，它可以监控一个变量，也可以是一个对象，但是我们不能类似这样监控，watch:{

goodsList.price(newVal,oldVal){

//监控商品列表中是商品价格}

}watch一般用于监控路由、input输入框的值特殊处理等等，它比较适合的场景是一个数据影响多个

3，坚持用es6的写法

image

4，然后因为我门的后台管理系统有很多的页面交互，然后果断选择了用element-ui来完成整个后台项目，真的是觉得太方便了