初学vue3之ref和reactive

一、vue3出了一段时间了，之前零星看了一下文档，没有去实践过，现在就来玩一下它吧！为以后使用这个技术栈做准备。这期来讲的是有个api，一个是ref，另外一个是reactive。这两个api使用的频率非常高，而且也是最容易理解和使用的api。让我们一起看看它们的用法吧。

在vue2中，我们定义响应式变量是这样子的,要在data中定义
export default {
data(){
return {
  name:'张三',
  person:{
  name:'李四',
  age:18
   }
  }
 }
}

在vue3中，我们使用了组合api，而且data的写法已经放弃了，改为steup,然后在setup中使用ref和reactive这两个api
export default {
setup(){
const name = ref('张三')
const person = reactive({
name:'李四'，
age:18
})
return {
  name,
  person
  }
 }
}

有人可能会问，ref和reactive有什么区别呢？它们的区别就在于ref一般用于基本数据类型的响应式变量声明，reactive用引用类型的响应式变量声明，当然用ref也可以定义响应式的引用类型变量，但是它原理还是使用reactive，但是使用reactive来声明基础类型的话是不可以的哦！你学废了吗。