目录
- 前言
- 1,setup
- 2,ref 创建响应式数据
- 3,reactive 创建响应式数据
- 4,computed 计算属性
- 5,watch 监听
- 6,watchEffect 监听回调
- 7,生命周期
- 8,toRef 创建ref
- 9,toRefs 响应式转换
- 10,shallowReactive 响应式外层转换
- 11,shallowRef 基本数据响应式
- 12,readonly 响应式变只读
- 13,shallowReadonly 响应式变只读
- 14,toRaw 响应式变非响应式
- 15,markRaw 标记永远不响应式
- 16,customRef 依赖更新控制
- 17,provide & inject 通信
- 18,响应式数据的判断
- 19,teleport 移动dom组件
- 20,Suspense 异步渲染组件
- 21,全局API调整
- 22,移除api
- 23,Ref 获取DOM
- 24,emits 自定义事件
- 25,$nextTick 异步更新
- 26,hook 生命周期事件
前言
这些内容是博主在学习过程中记录下来的,有一些不重要的点就跳过了,需要时自行查询文档。其实V2
到V3
的学习成本不高,熟悉V2
的话,看完这篇文章就可以上手V3
。
1,setup
setup
是所有Composition API
的容器,值为一个函数。组件中所用到的数据、方法等等,均要配置在setup
中,它会在beforeCreate
之前执行一次,注意:V3
里this
不再是指向Vue
实例,访问this
会是undefined
1.1,返回值
- 若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。
- 若返回一个渲染函数:则可以自定义渲染内容。
1.2,注意点
尽量不要与V2配置混用
V2
配置(data
、methos
、computed
…)中可以访问到setup
中的属性、方法。
但在setup
中不能访问到V2
配置(data
、methods
、computed
…)。
如果有重名, setup
优先。
setup不能是一个async函数
因为返回值不再return
的