一文读懂vue3和vue2的API风格对比-创新互联

Vue3 组合式 API(Composition API) 主要用于在大型组件中提高代码逻辑的可复用性。

站在用户的角度思考问题,与客户深入沟通,找到瓮安网站设计与瓮安网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广、申请域名网站空间、企业邮箱。业务覆盖瓮安地区。

传统的组件随着业务复杂度越来越高,代码量会不断的加大,整个代码逻辑都不易阅读和理解。

Vue3 使用组合式 API 的地方为 setup。

在 setup 中,我们可以按逻辑关注点对部分代码进行分组,然后提取逻辑片段并与其他组件共享代码。因此,组合式 API(Composition API) 允许我们编写更有条理的代码。

1、vue2传统组件

2、vue3组合式 API组件

3、博主最推荐的一种vue3 script setup语法糖

虽然Composition API用起来已经非常方便了,但是我们还是有很烦的地方,比如

  • 组件引入了还要注册

  • 属性和方法都要在setup函数中返回,有的时候仅一个return就十几行甚至几十行,稍微有点麻烦

  • Vue3官方提供了script setup语法糖

  • 只需要在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,setup函数也不需要,甚至export default都不用写了,不仅是数据,计算属性和方法,甚至是自定义指令也可以在我们的template中自动获得

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


本文名称:一文读懂vue3和vue2的API风格对比-创新互联
文章来源:http://bzwzjz.com/article/gjojc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计推广 四川成都网站制作 营销型网站建设 成都网站制作 成都网站建设 企业网站设计 成都品牌网站设计 网站设计 专业网站设计 高端网站设计 成都网站建设公司 成都定制网站建设 成都网站设计 成都网站建设公司 营销型网站建设 成都网站建设 广安网站设计 阿坝网站设计 成都网站设计公司 成都网站设计 四川成都网站建设 网站建设方案