vue3语法笔记

定义变量

ref
reactive
toRefs

let preson=reactive({
	name:'zhangsan',
	age:19
})

//直接解构不是响应式，需要加toRefs
let {name,age}=toRefs(preson)
1
2
3
4
5
6
7

toRef

let preson=reactive({
	name:'zhangsan',
	age:19
})

变成响应式
let name=toRef(preson,'name')
console.log(name.value)
1
2
3
4
5
6
7
8

ref在组件上使用

ref传递给子组件，可以获取到子组件实例

<!-- 父组件App.vue -->