vue3的setup语法糖＜script setup＞

setup语法糖

模板中用到东西无需return

1、变量、方法不需要 return 出来

         属性和方法也不用返回，也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得

<script setup>
    import { ref } from 'vue';
 
    <!-- flag变量不需要在 return出去了 -->
    let flag = ref("ABCD")
 
    <!-- 函数也可以直接引用,不用在return中返回 -->
    let changeHander = ()=>{
        flag.value='qwe'
    }
</script>

2、组件不需要在注册
        使用组件，只需要引入组件就可以直接使用，不需要再在components中注册（组件命名采用的是大驼峰）

在 script setup 语法糖中，引入的组件可以自动注册，不需要再通过 components 进行注册，而且无法指定当前组件的名字，会自动以文件名为主，省去了 name 属性。
 

<template>
 <SetU