Vue3中ref和reactive的使用方法及区别

---

前言

今天给大家讲一下在vue3中ref和reactive的使用方法，以及他们的使用区别在哪里，下面通过一个简单的计数器的例子来给大家进行说明

---

ref—计数器案例

ref 主要用于基本类型的响应，看如下代码：

import {
    ref } from 'vue' // 导入ref
interface DataProps {
   
  count: number;
  double: number;
  increase: () => void
}
export default {
   
  name: 'App',
  setup() {
   
    const count = ref(0)
    const double