vue2 基础模板语法

1. v-for

<div v-for="list in repData" ></div>

2. v-text

<span v-text="data" ></span>

3. v-bind

<img v-bind:src="list.isConcern" />

4. v-show

<div v-show="showPointsList" ></div>

5. v-if

<div v-if="showPointsList" ></div>

6. v-class

<div :class=" 'show': showPointsList" ></div>

7. v-on

<div @click="rotateWheel"></div>

8. 当在页面动态改变数据时，数据没有检测更新，解决方案，使用Vue.set(target, key, value)。

toggleActivate: function(item, list){
                var len = list.length;
                for(var i=0; i<len ; i++ ){
                    if(list[i] && list[i].active){
                        Vue.set( list[i], 'active', false );
                        Vue.set( item, 'active', true );
                        this.data.points = item.points;
                        return;
                    }
                };
                Vue.set( item, 'active', true );    
            }