Vue3组合式API——reactive和ref函数讲解

1.reactive()函数的作用

reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。

第一步，导入函数

import { reactive } from 'vue'

第二步，执行函数，传入一个对象类型的参数，变量接收，返回值state为一个响应式对象，挂载在dom里面改变的时候可以实时更新。

const state = reactive({
	count:0
)}

如果state后面的对象不用reactive函数包裹的话，点击按钮的话视图时不会更新的。

2.ref函数的作用

ref函数里面接收一个简单类型或者对象类型的数据，并返回一个响应式的对象。
ref函数包装的变量，修改值的时候必须添加.value属性进行修改。

3.小结