vue3.0 中ref 和reactive 的区别

1： vue3.0已经出来好长时间了，相信很大一部分开发者还在使用vue2.0版本进行开发。

      今天为大家说明一下vue3.0中ref和reactive的区别。先贴上一段代码看看两者是怎么写的。

2：

 <script>
    组合API 从vue 中按需引入 ref 和 reactive
   import { ref, reactive } from "vue";
   setup(){
     const str = ref("vue3.0")
     const obj = ref({name: '张三', age: 20})
     function changeStr(){
          str.value = "vue3.0牛逼"
     }
     function changeObj(){
          obj.name= "李四"
     }
     return { str, obj, changeStr, changeObj }
    }
  </script>

3：ref:  基本类型胡响应： ref如果要修改他的值只能使用.value进行修改

      reactive：主要用于引用类型的响应。