vue下拉刷新组件的开发及slot的使用详解

首先，监听 touchstart 事件：在 touchstart 事件中，我们主要做的是记录一些初始值，包括手指第一次接触屏幕时的位置，然后将圆形 icon 的动画效果先隐藏。然后，监听 touchmove 事件：在 touchmove 事件里，我们主要做的是根据手指移动的量来实时将圆形 icon 移动并旋转，这里有几点确实要说明一下：。可能我们一般用具名slot的时候比较多，但是第一种也格外好用――正因为它没有名字，所以引用这个组件的另一个组件中包裹其中的所有内容都归这个slot所有：假定my-component组件中有如下模板：父组件模板：最后就会被渲染成这样：所以这里这样做，就是为了在“父组件”中调用时让“下拉的动画”更自然，但又不会增加一个文件的负担。