1.reactive()函数的作用
reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。
第一步,导入函数
import { reactive } from 'vue'
第二步,执行函数,传入一个对象类型的参数,变量接收,返回值state为一个响应式对象,挂载在dom里面改变的时候可以实时更新。
const state = reactive({
count:0
)}
如果state后面的对象不用reactive函数包裹的话,点击按钮的话视图时不会更新的。
2.ref函数的作用
ref函数里面接收一个简单类型或者对象类型的数据,并返回一个响应式的对象。
ref函数包装的变量,修改值的时候必须添加.value属性进行修改。