【vue3】入门系列—vue3的ref和reactive

ref

RefImpl：引用对象，如果想让一个普通变量变成响应式的，就需要把这个变量丢给ref。

修改的时候需要使用name.value进行修改。使用的时候直接使用name字段就行。
补充：const obj={name:’li’}定义的对象是可以修改对象里面的属性，如：obj.name = ‘ni’ 但是不可以修改整个对象，比如：obj = {name:’ni’}

Ref作用：定义一个响应式的数据。
Ref语法：

• 创建一个包含响应式数据的引用对象
  

• JS中操作数据，使用XXX.value。

• 模板中使用，不需要value，直接{ {XXX}}。

Ref接收的数据类型：基本类型，对象类型。

const a = ref(1);  
const a = ref('1');  
const a =