vue3 变量改变触发界面显示改变

我们需要使用到  ref  和  reactive  来触发界面绑定变量的更新。

reactive 的参数对象一般是对象或者数组，能够将复杂数据类型变为响应式数据；它的响应式是深层次的，底层本质是将传入的数据转换为 Proxy 对象。

 

ref 的参数一般为基本数据类型，也可以是对象类型；如果参数是对象类型，其底层 会自动转化为   reactive ；可以通过 .value  访问 ref 中的数据。

 

同样，如果想更新数组值，也可以使用 ref

 

https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html#reactive-variables-with-ref