& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt;链接rel="样式表" href=" https://www.yisu.com/css/bootstrap.min.css " rel=巴獠縩ofollow”/比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/js/vue-1.0.21.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
窗口。onload=function () {
vm=new Vue ({
埃尔:“#应用”,
数据:{
arrMsg:(“苹果”、“orage”,“梨”)
}，
方法:{
显示:函数(){//使用这个访问数据
警报(this.arrMsg);
}
}
});
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; !——形式——比;
& lt; !——v:点击="函数”
v:单击/mouseout/鼠标/dbclick——比;
& lt; div id=坝τ谩眂lass=叭萜鳌北?
& lt;人力资源/比;事件的绑定方式一,v指令(要加一个:)
& lt;按钮类型=鞍磁ァ眝:点击class==罢故尽薄癰tn btn-primary btn-default”祝辞显示数据& lt;/button>
& lt;人力资源/祝辞事件的绑定方式二,简写方式(@)
& lt;按钮类型=鞍磁ァ盄click=靶恪苯准?癰tn btn-success btn-default”祝辞显示数据& lt;/button>
& lt;/div>
& lt;/body>
& lt;/html>
之前
以上这篇对Vue。js之事件的绑定(v:或者@)详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
