我这样写，然后鼠标进过所有的li标签都改变了

        
        <ul class="clearfix">
          <li class="pull-left"
              v-for="(item,index) in homeTag"
              v-bind:key="index"
              @click="goNextPage(item.path)"
              ref="hover"
              @mouseenter="enter"
              @mouseleave="leave">
            <div class="tag-title">{{item.title}}</div>
            <ul>
              <li>{{item.introduce1}}</li>
              <li>{{item.introduce2}}</li>
              <li>{{item.introduce3}}</li>
            </ul>
            <a href="javascript:;" >去了解</a>
          </li>
          <li class="pull-left">
            <a href="javascript:;">更多产品</a>
          </li>
        </ul>

methods :

        
         enter () {
            Velocity(this.$refs.hover, {width: 350}, {duration: 500})
          },
          leave () {
            Velocity(this.$refs.hover, {width: 275}, {duration: 500})
          }