How can you tpye the data in a list in different styles in vue?

I request to return a piece of data, all of which have different type values. How can I show different styles and finish showing them?

clipboard.png
display the picture with a bit of mask layer when the effect is type=1 above. Type=0 only shows the title
< div VMI for = "item in hour" >

.
<div class="hour-div" v-if="item.news_type==1">
  <img class="hot img-responsive" @click=gonewinfo v-bind:src=item.cover alt="">
  <p class="dic">{{item.news_title}}

</div> <div class="hour-div-bom" v-if="item.news_type==0"> <router-link to="/newinfo" class="r-dic">{{item.news_title}}</router-link> </div>

< / div >
is this correct?

Mar.25,2021

v-if? ide/conditional.html-sharpv-if" rel=" nofollow noreferrer "> https://vuejs.org/v2/guide/co.


use v-if to judge, you can take a look at the example

Menu