vue.js中的总结

1：vue中使用jq时选择器不能用this的解决方式：

jq中的this是很方便的，比如可以让点击哪个元素哪个元素触发事件--如：

$('.span').click(function(){

    $(this).addClass('fanzhuan')

})

但vue中this的指向是vue实例，所以这种$(this)的方式是不能用了，但可以利用eq(index)

<span v-for="(items,index) in selectss" class="spanindex" @click="focus(index)">{{ items }}</span>

methods:{
      focus:function(index){
        $('.spanindex').removeClass('focse')
        $('.spanindex').eq(index).addClass('focse');
      }
  },

2：v-for在使用嵌套时，template部分也必须是嵌套的，否走会找不到数据：例如

<ul>
        <li v-for="item in items">
          <ul>
            <li v-for="zi_li in item.title"></li>
          </ul>
        </li>

      </ul>

template(html)里这种结构才可以嵌套，相反

<ul>
        <li v-for="item in items"></li>
      </ul>
      <ul>
        <li v-for="zi_li in item.title"></li>

      </ul>

这种结构是不能嵌套的，找不到数据