0
点赞
收藏
分享

微信扫一扫

vue3 setup语法糖 详细使用说明

非宁静不致远 2022-03-12 阅读 164

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

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

举报

相关推荐

0 条评论