ref组合式api声明状态

一、ref声明响应式状态（支持所有类型），因为内部维护一个refImpl对象{value:***}，,如下图：

ref声明的数字、字符、布尔、对象、数组类型的值都存在refImpl 对象的value属性里面

所以，如果要改变ref 声明的变量的值，要加上.value 。

例如下面代码:

点击新增数据，会修改age ,user对象里面的id、name字符、hobbies数组里面的值

运行效果如下：

ps:  如果是在模版中使用ref声明状态，注意不能加.value,加了.value 会报错，

      因为 vue会自动将ref声明的状态解包，从而不需要加.value