为何vue3要把变量的更新使用`变量名.value`呢？

Question

请问下，为何vue3要把变量的更新使用变量名.value呢？

import { ref } from 'vue'

const curIndex = ref(0) 

const handleClick = (index) => {
  console.log(index)
  curIndex.value = index 
}

为何不直接使用curIndex = index呢？
这样做的好处是什么呢？

Answer 1

因为原始值(boolean、number、string...)这种类型并非对象，是按值传递的，不是按照引用传递的，为了达到响应式可以进行拦截的操作，就必须对原始值进行一层包裹。所以vue就统一设计为变量名.value这种格式

Answer 2

vue3的响应式原理是代理Proxy，而Proxy只能代理对象

https://developer.mozilla.org...