SOURCE

new Vue({
  el:"#app",
  data(){
    return {
      info:[]
    }
  },
  mounted(){
    this.info=[{
      id:1,
      title:'测试标题',
      keyword:"测试内容",
      salary:'123'
    }]
  },
  methods:{
    retive(index){
      
    }
  }
})

<div id="app">
  <dl>
      <dt id="view">热门职位</dt>
      <dd v-for="(item,index) of info" v-bind:key=item.id>
             <div>
                    <a class="react" :href="'/jobs/' + item.id" @click="retive(index)">
                        <div class="img">
                            <img :src="item.image" style="width:5rem;height: 4rem; border-radius: 0.4rem;">
                        </div>
                        <div class="dealcard">
                            <div class="dealcard-title">
                                {{item.title}}
                            </div>
                            <div class="dealcard-year">
                                {{item.keyword}}
                            </div>
                            <div class="dealcard-Salary">
                                {{item.salary}}
                            </div>
                        </div>
                        <div class="react-button">
                            <div class="description" v-if="item.stop!=='red'"
                                 style="background-color: #ff9a34; border:0.5px solid #ff8806;"><span>日结</span>
                            </div>
                            <div class="description" v-else
                                 style="background-color: #859199;border:0.5px solid #859199;"><span>停招</span></div>
                            <div class="price"><span>{{item.price}}</span></div>
                        </div>
                    </a>
                </div>
      </dd>
  </dl>
</div>