vue2转vue3基本语法的方法

缘由

最近vue3十分的火热，vue2官方也表示未来将停止更新大版本了。
使用element.ui，内部也大都是vue3的语法，有次写前端突然发现看不懂了，近些天抽空到vue3看了下文档，学习下语法。
苦恼？

1、ref是啥

2、export default 怎么没了？

天呀，这变化有点大，我记得之前每个vue代码文件中都有这个export default东西。

vue3 基本语法：

1、必须理解2种API风格编写语法

API风格包含：选项式和组合式。

选项式就是之前的export default

组合式就是与script setup搭配使用，在编译时处理（也就是所有选项式的内容都可以在这里面写）

2、组合式API

1、绑定变量：

定义常量 var const let 都可以直接绑定css中。 不带ref、reactive则是非响应式的。

ref 常量。reactive 对象  响应式 

computed

2、定义方法

function method（）{}

3、其他：

defineProps 、defineEmits