[JavaScript知识库]vue3 setup语法糖 详细使用说明

如果你是小白，这套资料可以帮你成为大牛，如果你有丰富开发经验，这套资料可以帮你突破瓶颈
2022web全套视频教程前端架构 H5 vue node 小程序 视频+资料+代码+面试题.

在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>
   

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