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

日记

1.25

• 自学
  看了一下vue的插槽，对vue只是有了个最基础的宏观了解
  微观层面真的是一点都不懂，甚至插槽和router-view都没有研究明白什么意思
• 任务

1. 给vue3的repo加一个组件v-model
   v-model，在vue2中，是使用了value的props，并依靠emit事件来完成
   vue3中，使用默认名为modelValue的props，而且可以自己修改props名称，比如v-model:myValue = "someData"
   这样把某些属性绑定给子组件，子组件会有一个props叫myValue
   然后在setup()钩子(？应该叫函数)第二个参数context解构emit，使用emit将值传给父组件，完成双向绑定
   函数：setup(props, { emit }) { ... }，事件：emit('update: myValue', xxxx)
   具体的事件传什么值由具体情况决定，这里是有一个codemirror编辑面板，然后有事件监听器，来修改这个值
   同样地，给父组件中的其他一个组件也加了v-model
2. 处理异步v-model
   一个比较棘手的问题，数据不是同步的，是一个异步请求获取数据，再v-model
   具体做法是watch了v-model过来的props，并根据watch的第二个参数的参数(newValue, oldValue)来判断，是否是初始化