为什么我推荐vuers都来写composition-api
一、常用语法上的不同
1.data
文章图片
2.所有的内容包在setup里面,在template使用的数据和方法需要return
文章图片
二、使用组合式api的好处
1.按功能划分,便于维护
按照原来的写法,实现一个功能,我要写在不同的生命周期里面,不聚合~
文章图片
Options API
文章图片
Composition API
文章图片
项目上的例子
文章图片
文章图片
文章图片
文章图片
2.逻辑复用
文章图片
文章图片
三、如何封装一个逻辑函数
其实逻辑复用函数简单理解就是 有状态的函数
比函数多了状态,比组件少了视图。
文章图片
文章图片
getCertificateList
文章图片
useSearch
文章图片
文章图片
useBoolean
文章图片
文章图片
文章图片
文章图片
useAsync
文章图片
文章图片
库函数
1.https://github.com/vueuse/vueuse
2.https://github.com/pikax/vue-composable
3.https://github.com/dewfall123/ahooks-vue
友情链接:
1.react hooks
助力拥抱react hooks:https://zhuanlan.zhihu.com/p/103150605?utm_source=wechat_session
react hooks函数库:https://github.com/alibaba/hooks
2.composition-api
作者分享:https://github.com/Bin-FE/binfe-salon-ppt
github:https://github.com/vuejs/composition-api
官网文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.html
【为什么我推荐vuers都来写composition-api】快速上手文档:https://mp.weixin.qq.com/s/GaII_4o69SGpI7IPeIMZSw
推荐阅读
- 我要做大厨
- 一个小故事,我的思考。
- 家乡的那条小河
- 第三节|第三节 快乐和幸福(12)
- 为什么你的路演总会超时()
- 这辈子我们都不要再联系了
- 死结。
- 跌跌撞撞奔向你|跌跌撞撞奔向你 第四章(你补英语,我补物理)
- 我从来不做坏事
- 喂,你结婚我给你随了个红包