vue可以同时有2个点击事件吗_Vue-2-循环和点击事件(留言板事例)

本文介绍了如何在Vue应用中结合Bootstrap,利用jQuery实现组件交互。通过实例展示了v-on指令用于绑定点击事件,以及如何在Vue中进行数据循环和取值。同时,还展示了如何在Vue的方法中动态添加数组元素,加深了对Vue响应式数据和事件处理的理解。
摘要由CSDN通过智能技术生成

用到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("五")

}

}

})

f45e96504c9d46bbfa6f044a0672823b.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值