本文是作者使用Vue3、TypeScript（简称ts）和Ant Design 2.0搭建项目的经验分享，重点介绍了如何在setup中设置公共方法。项目是一个数据展示页面，通过http轮询获取PLC实时数据。文章详细讲解了setup中的路由跳转、计算属性、watch等方法的使用，并提供了轮询函数的封装示例。
(内容全部手打，错别字见谅)
刚刚做完一个小项目，用时大概一周左右，我迫不及待的用上了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()里面,在主页面拿到调用就行了
三。 setup常用方法介绍
- 路由跳转
最低0.47元/天 解锁文章
484
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
