vue实战项目总结

vue项目总结

• vue项目列表循环，根据奇偶特性赋予不同的样式
  实际项目中经常会遇到会有奇数行偶数行赋予不同样式的请求。可以根据v-for与v-bind:class进行实现

       <div v-for="(item,index) in items" :key="item.id" v-bind:class="{odd:index%2}">
            {{ item.name}}--{{item.num}}--{{index}}
        </div>

给奇数行绑定样式即可

• vue methods中不能直接修改list的内容，须通过Vue.set( target, key, value )方法进行实现，如：
  Vue.set(this.lists,1,{
name:'apple',
num:14,
// gender:'男'
})

• vue项目中class绑定的几个方法

  1. a
  2. v