我想要的效果：

A页面的代码：加 链接，拼接参数，key从0开始

      <div class="content">
            <a  href="./posts.html#?key=0" class="item">
              <div class="left">
                <div class="title">xxx项目部</div>
                <div  class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 61.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=1" class="item">
              <div class="left">
                <div class="title">xxx项目部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 78.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=2" class="item">
              <div class="left">
                <div class="title">xxx项目部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 71.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=3" class="item">
              <div class="left">
                <div class="title">总经办</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
                </div>
              <div class="right"><img src="./image/join-us/蒙版组 60.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=4" class="item">
              <div class="left">
                <div class="title">信息科技部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 66.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=5" class="item">
              <div class="left">
                <div class="title">人事行政部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 73.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=6" class="item">
              <div class="left">
                <div class="title">财务部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 77.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=7" class="item">
              <div class="left">
                <div class="title">企划部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 164.png" alt=""></div>
            </a>
            <a  href="./posts.html#?key=8" class="item">
              <div class="left">
                <div class="title">运营管理部</div>
                <div class="look">查看岗位 <img src="./image/join-us/蒙版组 63.png" alt=""></div>
              </div>
              <div class="right"><img src="./image/join-us/蒙版组 69.png" alt=""></div>
            </a>
          </div>

B页面的代码：

B.1 html部分：

      <div class="keyword yx-container--1200 view">
             <ul>
          <li>全部</li>
          <li v-for="(item,index) in departmentList" :class="cursorIndex==index? 'tohrefcolor' : ''"  @click="btn_click(index,item)" :key="index" >{{item.department}}</li>
        </ul>     
      </div>

B.2 vue部分：

<script>
  new Vue({
    el: '#app',
    data() {
      return {     
      // 部门
        departmentList:[
          {
            department:"xxx项目部"
          },    
          {
            department:"xxx项目部"
          },
          {
            department:"xxx项目部"
          },
          {
            department:"总经办"
          },    
          {
            department:"信息科技部"
          },
          {
            department:"人事行政部"
          },    
          {
            department:"财务部"
          },
          {
            department:"企划部"
          },    
          {
            department:"运营管理部"
          },
        ],
        cursorIndex:"",//当前部门对应的索引值，默认为空
      }
    },
  created(){
console.log(window.location.hash.split("="),"当前路径后面的参数");// window.location.hash是   #?key=1 ， split  用 = 号分成了两份  ['#?key', '7']
if(window.location.hash){
  // this.temp=window.location.hash.split("=")[1]
  this.cursorIndex=window.location.hash.split("=")[1]
}
    },
    methods: {
      // 点击的时候索引变
      btn_click:function(index){
        this.cursorIndex=index
      }
  }
  })
</script>

总结：

 踩坑：

         <li v-for="(item,index) in departmentList" :class="cursorIndex===index? 'tohrefcolor' : ''"  @click="btn_click(index,item)" :key="index" >{{cursorIndex}}、{{index}}{{item.department}}</li>