<ul id="userList">
<li v-for="name in names" v-on:click="showName(name)">
{{name}}
</li>
</ul>
var userList = new Vue({
el: "#userList",
data: {
names: ["Joe", "Kim", "Dave", "Ron", "Bill"]
},
methods: {
showName: function showName(name) {
alert(name);
}
}
})
This Pen doesn't use any external CSS resources.