这里写目录标题
Vue绑定事件
使用v-on:事件名=函数名来进行绑定事件的发生
v-on
v-on的使用比较广泛,比如当我们使用点击时会则浏览器上方弹框。
则可以使用
// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div class="root"></div>
<div id="root1"></div>
</body>
<script>
const app= Vue.createApp({
data() {
return{
message:"click"
}
},
methods:{
clickbtn()
{
alert("click")
}
},
template: "<div v-on:click='clickbtn'>{{message}}</div>"
});
const t=app.mount("#root1")
</script>
</html>
则会触发当点击屏幕时,会出现弹框click.