type
status
date
slug
summary
tags
category
icon
password
来源
⽣命周期
setup相当于BeforeCreate和Created
onBeforeMount
onMounted
onBeforeUpdate
onUpdated
onBeforeUnmount
onUnmounted
ref的使⽤
获取Dom元素和组件
使⽤ let 变量 = ref()
获取组件中的数据和⽅法
defineExpose()进⾏导出
hook函数
类似于vue2中的mixin混入
将可复用的功能代码进行封装
组合式Api
readonly与shallowReadonly
readonly:
将对象的所有属性都转换为只读响应式对象
shallowReadonly:
只会将根级属性设置为只读响应式对象，嵌套的对象的属性仍然是可修改的
shallowReactive与shallowRef
shallowReactive:
只会对根属性进行响应式处理，而不会递归到对象的嵌套属性
shallowRef:
对该对象内部属性的修改不会被监听
toRaw与markRaw
toRaw
用于获取代理对象的原始未代理版本
markRaw
用于标记一个对象，使其永远不会被转换为响应式对象
toRef与toRefs
toRef
响应式对象，要获取的某个属性
用于创建一个指定响应式对象的属性的可响应式引用
toRefs
响应式对象
函数用于将一个响应式对象转换为一个包含多个属性的ref对象集合
provide与inject
组件间传参
provide(key,value)传递（只能放在setup里面使用）
inject(key)接收
路由的跳转传参
声明式
router-link
函数式
useRouter()
接收参数
useRoute()
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue3_02
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。