vue3 setup语法糖 详细使用说明

在Vue3 中 setup 有两种表现方式：

一种是 我们常用的：

<script>
 export default {
 	name: 'home',
     setup() {
       return {};
     },
 };
</script>

还有一种是 setup 语法糖：(给组件起名字，就需要 按照原本的方式 导出了)

 <script> export default { name: 'home', } </script>
 <script setup>
 
 </script>

那我就来介绍一下 setup 语法糖的用法:

1. 挂在组件

2. useSlots 和 useAttrs 使用

   <script setup>
   	import { useAttrs, useSlots } from 'vue';
   
   	 const attrs = useAttrs();
   	 const slots = useSlots();
   </script>
   

此文章是为了记录学习，
有什么没提到的可以交流，互相学习