[学习笔记] Vue3使用ref定义后的变量与传统JS变量的些许区别

此笔记记录实践中目前遇到的Vue3使用ref定义后的变量与传统JS变量的些许区别，仅是如上区别的冰山一角。

 

Vue3使用ref定义的变量实际上是一个对象！

例如：使用ref定义一个数组

import {ref} from 'vue'
var array = ref([1,2,3])

如上这段代码实际上等效于如下这段JS代码

var array = {
    value: [1,2,3]
}

因此，当需要对一个ref变量的值使用方法，需要对其value进行操作。例如：

//给ref定义的[1,2,3]数组添加一个新值
//正确形式
array.value.push(4)

//错误形式
array.push(4)