请问老师，本项目用的Vue3 为什么不所有的组件都使用setup呢

来源：2-4 Tab组件实现

会游泳的兔子先森

2021-06-23

我同时也学习了Dellle老师的Vue3课程，他说建议只用一种Vue语法，要么用Vue3，要么用Vue2，他的课程里全都是setup写法，可是我看本项目，两种语法都有，我茫然了。可以解释一下吗？
两种语法，参杂着写，会影响性能吗？

写回答

1回答

ustbhuangyi

2021-06-23

已采纳

首先，Vue3 的 Composition API 出现的背景是解决逻辑抽象和复用的问题，那么比较适合它的场景是一些业务逻辑相对复杂的组件，可以把一块逻辑剥离到一个 JS 模块，并通过 hook 函数的方式来实现，比如本课程的 Player 组件。但是你要明白，Composition API 并不是 Vue3 开发的范式，一些简单的基础组件，比如 Button 组件，通过 Options 这种描述的方式更加清晰和简洁。
这好比 JSX 和 template，在一个项目中也可以都存在，但是要在适合的场景使用适合的方案，无脑用一种并不是什么好的开发方式。
此外，两种语法都写，完全不会影响性能。

Wxperia

all in 确实有点呆呆的，

2021-09-09

共2条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程

相似问题

Vue3 初始化的项目跑不起来

回答 1

关于BScorll 实例是否应该加入响应式里面。