『前端实习笔记』1月 第2周

日记

1.11

• 任务：让Uplot正常工作
  之前对数据的处理可能存在负优化，但是目前可以忽略。
  但是目前数据更新没法反应到图表上，甚至图表本身渲染不出来(只有在热重载下能work)，需要看下vue3响应式相关。要把它搞正常，并能观测到数据变化。
  
  

• 任务过程

1. 响应式
   原先代码中部分写法：
   let s = reactive({obj}); // 创建响应式
let t = reactive({obj}); // 创建响应式
s = 'xxx'; // 赋值
t = 'xxx'; // 赋值
return { s, t }; // 返回给Vue3的Setup
   猜测是重新赋值丢失了跟踪原先的reactive对象，被我改成：
   const state = reactive({obj}); // 创建响应式
state.s = 'xxx'; // 赋值
state.t = 'xxx'; // 赋值
return { ...toRefs(state) }; // 返回给Vue3的Setup
   至此，vue组件内部数据正确了。
2. 热重载才能工作
   看了一下大概