html
<div id="app">
<div class="collection">
<a href="#!" class="collection-item"
v-for="gameName in gameNames"
:class="{active: activeName == gameName}"
@click="selected(gameName)">{{gameName}}</a>
</div>
</div
JS
new Vue({
el: "#app",
data: {
gameNames: ['魔獸世界', '暗黑破壞神Ⅲ', '星際爭霸Ⅱ', '爐石傳說', '風暴英雄',
'守望先鋒'
],
activeName: ''
},
methods: {
selected: function(gameName) {
this.activeName = gameName
}
}
})