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

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

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

ref：主要用于基本类型的响应。ref如果要修改他的值只能使用.value进行修改，这一点现在也备受争议。

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