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