shallowReactive 使用 reactive 声明的变量为递归监听，使用 shallowReactive 声明的变量为非递归监听（通俗的讲就是 reactive 创建的对象将会被 vue 内部进行递归监听，可以监听到对象中的对象是否发生了改变从而更新视图，而 shallowReactive
readonly 接受一个对象（不管是响应式还是普通的）或者是一个ref，返回的是一个原值的只读代理。 {{ data }}<
