JavaScript
//=====
使用 setup,你不需要显式地定义 setup 函数。所有在 <script setup> 中的代码都会自动作为 setup 函数的一部分。
//=====
<script setup lang="ts"> //ts或js
</script>
CSS
//=====
setup 是 Vue 3 中的一个新特性,用于在 <style> 标签中启用组合式 API 的语法糖。它允许你在 <style> 标签中使用组合式 API 的变量和函数。
scoped 用于将样式限定在当前组件范围内,防止样式污染全局。使用 scoped 后,Vue 会自动为当前组件的样式添加独特的属性选择器,使其只作用于当前组件的元素。
//=====
<style setup lang="less" scoped> //less或sass
</style>