vue--点击当前增加class，其他删除class

1. 转载自：http://blog.csdn.net/xiao_yu_liu/article/details/55515244
2. <div id="app">  
3. <p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p>  
4. </div>  
5.   
6. <script>  
7. new Vue({  
8. el: '#app',  
9. data: {  
10. datas: {  
11. data1: {  
12. data: "测试1",  
13. ifAdd: 0  
14. },  
15. data2: {  
16. data: "测试2",  
17. ifAdd: 1  
18. },  
19. data3: {  
20. data: "测试3",  
21. ifAdd: 2  
22. }  
23. },  
24. qwerqwre:"0"  
25. },  
26.   
27.   
28. methods: {  
29. addClassFun: function(index) {  
30. this.qwerqwre = index;  
31. }  
32. }  
33. })  
34. </script>