Michelle209的博客

在tab上定位一个slider，每次点击的时候获取当前active的tab-item序号，从而获取到其相对于父元素的水平距离，然后把这个距离更新到slider的left属性上。

reactive与ref都是Vue3中非常重要的API，众所周知，用这两个API可以创建响应式数据，从而实现Vue的数据驱动视图。平时用的时候只知道用ref定义基本数据类型，reactive定义引用数据类型。解决：给arr2外层包裹一个对象这样可以赋值成功参考发现要么所有数据用ref单独定义，要么用reactive定义一个外层对象，在对象里定义数据（类似Vue2的data） ，最好不要用reactive直接定义数组。接下来复习一下reactive原理。

playersRef.value有数据，但是playersRef.value[0]为undefined。P.S. 如果把方法放到updated里面会一直请求数据，就没用updated。用nextTick再调用一次。

create-vue是Vue官方新的脚手架工具，底层切换到了 vite（下一代前端工具链），为开发提供极速响应create-vue基于vitevue-cli基于webpack。

vue简介