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来完成整个后台项目,真的是觉得太方便了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 13,277评论 1 52
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,464评论 0 29
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,133评论 1 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,401评论 0 2
  • 这学期,我在老师的吩咐下,认认真真的读了一遍又一遍的《三国演义》。后来妈妈跟我说,清朝人毛宗岗将《三国演义...
    1bda91b17360阅读 2,801评论 1 6