原谅我标题的不合时宜,只不过现在一直在做react开发,导致vue新知识的补充不及时,但是作为我的”母语“,还是要学一学看一看的
首先映入眼帘的是根组件挂载方式的变化,不在是new Vue的天下了

组合式API–setUp
执行时机在组件创建前,即beforeCreate前


返回值将挂载到组件实例,可以通过this直接使用,但是无法实时响应

借助ref函数让vue有权追踪

独立的”生命体”–生命周期、计算属性、侦听属性


参数
参数一是props,需要注意的是如果想要使用es6的解构赋值语法的话,需要借助toRefs或toRef函数,前者用于确定值,后者则作用于可选值(官方文档说直接解构会导致props失去响应式,但是我这里测试没有发现,不知道是不是写的不对,代码如下)


参数二是context上下文,它提供了slots、attrs和emit三个属性
emit这玩意儿和之前的this.$emit是一样的,都是父子组件通信手段


slots也是向setup暴露的作用域插槽,这在setup中使用render函数时有用


通信–不同的setup间

readonly保证了数据的单项流动,ref使基本值响应,
reactive则将对象变为响应式)

ref

Teleport–解决之前弹窗类组件在组件层级上脱离
内容
最后,如有问题欢迎指正探讨哦
若是不忙,点个赞呗~~