.vue中的`<script>export default </script>`和`<script setup>`有什么区别？

Question

.vue文件中的<script>export default {...} </script>和<script setup>有什么区别？

<script>
export default {
  ...
}
</script>

Answer 1

<script setup> 只是一个语法糖。使用 setup 语法糖了之后，就不需要再写 setup 函数，组件也只需要引入不需要注册，属性和方法也不需要再返回，可以直接在 template 模板中使用。

一些补充例子你可以直接看官方的文档 👉 单文件组件 <script setup> | Vue.js