使用computed计算属性实现列表排序搜索功能V1.1

列表排序

功能需求：

1. 年龄升序 年龄降序 原顺序
2. 年龄最大，年龄最小，原顺序不升不降；
3. 如果过滤出来带有周字的，点击升序时，不带周字的也出来是不对的。
4. 当用户点击搜索后，按照跟用户搜索相关的内容，来进行排序。

思路：

1. 设置不同的标识类区分用户点击来什么操作，0为原顺序；1为降序；2为升序；
2. 声明个变量来记录索引值；
3. 判断一下是否需要排序，（可以转为布偶值判断是否为真）；
4. 拿过滤完的数组进行排序，先过滤后排序

<template>
  <div class="key">
    <h2>人员列表</h2>
    <input type="text" placeholder="请输入名字" v-model="keyWord" />
    <button @click="sortType = 2">年龄升序</button>
    <button @click="sortType = 1">年龄降序</button>
    <button @click="sortType = 0">原顺序</button>
    <ul>
      <!-- 注意 :key=