【Vue3】第十一部分 setup语法糖
11. setup语法糖
- 引入组件的时候不需要注册组件
- 定义变量的时候不需要return出去,顶层的绑定会暴露给模板,模板中可以直接使用
- 使用
defineProps、defineEmits、defineExpose等API，它们将自动地在<script setup>中可用
<script lang="ts" setup>
import {ref} from "vue"
// 只需要引入需要的组件,不需要注册组件
import Test from "./components/Test.vue"
// 定义变量不需要return出去
const count = ref(0)
const Add = () =>{
count.value++
}
</script>
<template>
<div>
<Test></Test>
<h1>{{count}}</h1>
<button @click="Add">Add</button>
</div>
</template>
<style scoped lang='less'>
</style>
总结
以上就是今天要讲的内容，希望对大家有所帮助！！！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/82850.html
