Vue3的script setup语法糖这么好用的吗？？？？

最近发现这个vue3居然还可以这样写

• 原始写法

• 等同于 (注意观察我注释掉的东西）

• 我直接把lang=ts去了，但是我们可以选择其他方式：
• 在script setup 中使用defineProps，defineEmits会报未定义，需要配置eslint
• 根据官网配置
• 链接：https://eslint.vuejs.org/user-guide/#faq
• 代码

 'vue/setup-compiler-macros': true

响应式数据

点击改变数据

父子组件传值

• 子组件

• 父组件

对外界暴露组件实例

• 子组件

• 父组件

await也简单啦

• 在script setup下可以直接使用await

slots 和 attrs

欢迎大家指出文章需要改正之处~
学无止境，合作共赢

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~