Vue实现类似通讯录功能（下）

修改字母索引组件，绑定三个 touch 事件，分别是 touchStart 、 touchMove 、 touchEnd 。
只有当 touchstart 之后，才执行 touchmove 里的内容，所以在 data 里定义一个标识位 touchStatus ，默认值为 false ，
当手指触摸的时候，标识位的值为 true ，结束滑动的时候，标识位的值为 false 。只有当标识位的值为 true 的时候，才去执行 move 事件的处理。

然后要做的一件事就是，当我们在字母索引处上下滑动的时候，现在所在的位置是第几个字母。

如果想根据下标，找到下标对应的字母的话，首先得有个数组存储字母的列表。但是现在 cities 是个对象，并不是个数组，所以我们需要一个数组。
在 computed 计算属性中定义一个 letters
首先绑定一下 dom 元素：
我是浏览器测试图：

此时在索引处拖动的时候，控制台不停的打印一个值，这个值就是A字母顶部距离红色区域最下沿的高度（红色区域是指的搜索框）。
得到这部分高度之后，用这部分高度 - 第一步得到的 高度，算差值。这个差值是当前手指的高度 到 A字母的高度，然后用这个差值 除以 每个字母的高度，我这里每个字母的高度是 40，所以有下图：
到这里为止！！！列表和索引的监听终于做完啦~~~

我们可以在录制视频的时候就设置为私密视频，步骤如下：

1、打开VUE软件录制视频，录制结束后，点击右上方的编辑。

2、进入下哥页面之后，根据自己的要求调整作品，然后点击右上角的生成视频。

3、生成视频之后，我们在输入标题和内容之前选择，可以看见下面红框的选项。

4、点击这个选项，将他选中。

5、然后输入标题和内容，点击保存，这样保存下来的视频别人就看不见，只有自己可以看见了。

---