Vue3.2：<script setup lang="ts"><script>

1、<script setup>语法糖

（1）顶层声明的属性和方法都可以在模板中直接使用，不需要return了，但是ref和reative还是没有变（这决定了数据是否是响应式数据，如果是静态的就没必要加ref）

（2）组件不需要在components中注册，import了就可以用了

（3）组件数据传递时 props 和 emit 语法的改变

使用宏命令：不需要引入就可以使用

defineProps 宏命令：推荐使用更高级的类型声明的方式，并创建types包 来自动导入ts类型

defineEmits 宏命令：同样推荐使用更高级的类型声明的方式，

（4）可以对外暴露属性

defineExpose 宏命令

其他组件可以轻松地获取该组件中定义的属性和方法！（可以不用事件总线和函数调用的方式）

通过 模板ref+定义ts类型 的方式获取

2、<style> v-bind 新特性

（1）可以在js中获取css对象

useCssModule 宏命令

（2）可以在css中获取js变量

css 的 v-bind() 函数

注：这里的v-bind是函数，而不是vue模板的指令