Vue3里setup语法糖和export default有什么关系？

我很喜欢用

<script setup>
const test=function();
script>

但创建一个组件后，默认是

<script>
export default {
  name: "test"
};
script>

可以把setup写在标签里，把export default删掉吗？我实际操作发现，删去export后，好像也能在其他页面引用我的组件。

"setup" 语法糖和 "export default" 没有直接关系。

"setup" 是 Vue 3 中的一种新语法，它允许你在组件内部定义响应式状态和事件处理逻辑。它与以前的选项 API 不同，并且更加简洁，更容易使用。

"export default" 是 JavaScript 中的语法，它用于导出模块中的默认导出。在 Vue 3 中，可以使用 "export default" 导出组件的 "setup" 函数，以便在其他地方使用它。

• 看下这篇博客，也许你就懂了，链接：Vue3 setup 函数中的语法糖

推荐看一下这篇文章：https://zhuanlan.zhihu.com/p/596102026%EF%BC%8C

setup的执行时机是在生命周期beforeCreate和created之前的
第一种写法其实就是vue的语法糖，更了方便