1.vue 常用高亮 选项 默认一个

    1. <li v-for="(item,index) in xxx" :key="index" :class="{hit: index == lisStyle}" @click="lisDom(index)">
    2.      <i class="iconfont" :class="item.icon"></i>
    3.      <span>{{item.titleName}}</span>
    4. </li>
    5. //代码讲解       用v-for渲染     用class控制样式默认第一个  data里面设置下标0  lisStyle就是这个的下标
    6. //点击的时候传一个下标    点击那个吧对应的下标传给lisStyle 
    9. data:{
    10.     lisStyle:0,
    11. },
    12. methods:{
    13.     lisDom:function(e){
    14.          console.log(e)
    15.      let index = e;
    16.      this.lisStyle = index;
    17.     }
    18. }

    2.v-model

    1. <input v-model="message" placeholder="edit me">
    2. <p>Message is: {{ message }}</p>
    4. //默认显示88888     input输入的时候会实时更新   placeholder 提示
    5. data:{
    6.     message:88888
    7. }