Vue绑定
事件绑定:
v-on
可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码
v-on:jQuery的事件,触发事件的方法,方法必须写在vue 的methods里面
jQuery的事件参考文档:https://jquery.cuishifeng.cn/keydown.html
例子 v-on:click=" 方法名(参数)"
DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<div id="app">
<button v-on:click="sayHi('猜猜我在干哈?')"> 点击我弹出button>
div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js">script>
<script>
var vm=new Vue({
el: "#app",
data: {
message: "我在学vue!"
},
methods:{ //方法必须定义在Vue的methods中
sayHi:function (a) {
alert(a+this.message);
}
}
});
script>
body>
html>