解决响应式数据依赖响应式数据无响应问题

本次项目中使用了vue3的知识，vue3的响应式属性非常方便，但是我在使用中遇到这样的一个问题：

我先在页面中声明了一个响应式的变量A，然后因为需求又声明了另一个响应式的变量B，变量B的状态依赖变量A的改变而改变，然而在实际应用中发现，在A改变之后，B并无响应。

解决：
因为B仅在第一次运行setup时进行初始化，因此它只会进行初始化，而不会更新。如果希望B在A更新时进行更新，可以使其成为依赖于A的computed属性。

const scene_code = ref([] as number[]);
const zoneCode = computed(() => [
  {
    
    sceneCode: scene_code.value[0],
    scanNumber: scene_code.value[1],
    handout: scene_code.value[2],
    handoutPercent: scene_code.value[3],
  },
]);