21.vue3.0学习②（变量定义:refs、ref、reactive、toref、torefs）

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第21天，点击查看活动详情

一、获取节点(refs)

向vue2一样通过refs获取dom节点信息

```html

节点

```

三、reactive

reactive 用于定义响应式对象的,接收一个js对象作为参数，返回一个具有响应式状态的副本

获取数据值的时候直接获取，不需要加.value

参数只能传入对象类型

```html

{{state.count}}

```

四、toRef

toRef 用于为源响应式对象上的属性新建一个ref，从而保持对其源对象属性的响应式连接。

接收两个参数：源响应式对象和属性名，返回一个ref数据。

获取数据值的时候需要加.value

```html

{{ name }}

```