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:主要用于引用类型的响应。