(内容全部手打,错别字见谅)
刚刚做完一个小项目,用时大概一周左右,我迫不及待的用上了vue3,开发体验还是非常的好。自从有了组合API,逻辑代码也可以复用了,大家可以开始写祖传的代码了。
一。 搭建项目架子
具体的项目搭建和这一篇差不多,就是多加一个TypeScript,还没学过TypeScript的同学不要走,因为我也是第一次用,我愿称之为anyScript。vue3对TypeScript的支持比2.x好太多了。你也不用写class 组件,和正常的template开发没什么两样。
清风皓月:vue3.0(ant design vue 2.0) 实践记录zhuanlan.zhihu.com二。项目介绍
1。这个项目是一个数据展示页面,前端通过http轮询的方式拿到plc实时数据,然后花里胡哨的展示出来。
2. 项目的一周画页面用了5天,css用的less,写的烦烦的
3. 逻辑全是写在setup里,通过函数的方法,这样页面看起来非常简洁。就行下面这样,历史数据的逻辑写在history()里面,在主页面拿到调用就行了
![bf0d17b9bf090032a4fba4d3b5b68d9c.png](https://i-blog.csdnimg.cn/blog_migrate/341821f1d2a5013884520db3a65a444f.jpeg)
三。 setup常用方法介绍
- 路由跳转