用到Bootstrap,和Vue的点击事件,循环,和数据取值 Bootstrap需要jQuery.js
入门v-on:click="函数"
v-on:click/mouseout/mouseover/dblclick/mousedown.....
{{message}}
{{ value1}}--{{index}}--{{key}}
{{ value2}}--{{index}}
{{value}}
//循环
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
json:{a:"一",b:"二",c:"三",d:"四"},
arr:["一","二","三","四"]
}
});
//事件
new Vue({
el: '#app2',
data: {
message: 'Hello Vue!',
json:{a:"一",b:"二",c:"三",d:"四"},
arr:["一","二","三","四"]
},
methods:{
add:function () {
this.arr.push("五")
}
}
})