等我吃饱跟你拼啦

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。

JavaScript 提供了不同的方式来遍历和操作数组。选择什么方法取决于你的具体需求和对数组元素的操作。

在 Vue 3 中，toRaw 是一个函数，用于获取被代理的原始（非响应式）对象。这个函数可以用来访问被响应式对象所包装的原始数据，而不是获取到的代理对象。

在 Vue 3 中，shallowRef 是一个用于创建浅层响应式引用的函数。它类似于 ref，但与 ref 不同，shallowRef 会对其中的对象进行浅层代理，而不是响应式地进行深层代理。 使用

ref适用于包装基本类型的数据，而reactive适用于包装任意类型的数据，并且提供了更灵活的访问和更新方式

computed 在 Vue 3 中，计算属性是一种用于根据其他响应式数据派生衍生值的特性。它提供了一种方便的方式来定义响应式的衍生属性，以供模板和其他计算属性使用。

watch和watchEffect都是用来监测数据变化的方法，如果需要在数据变化时执行指定的函数，可以使用watch；如果需要在函数中使用响应式数据并自动追踪变化，可以使用watchEffect

在实际开发中，可能会存在将数组直接转成detail[0][name]进行回显，或者将detail[0][name]转换成对象的格式方便取值，本文描述这两种格式的转换。

在数组数组对象数据时，可能要判断对象某个值或者某几个值是否相同，如果相同只保留一个，本文介绍了数组对象的去重。