<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.active{
border:1px solid red;
}
</style>
</head>
<body>
<div id="app">
<input type="button" value="点击" @click="doIt('记得点赞','么么哒')">
<input type="text" value="点击" @keyup.enter="sayHi">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
//创建vue实例
var app = new Vue({
el:"#app",
methods:{
doIt:function(p1,p2){
console.log("做it");
console.log(p1);
console.log(p2);
},
sayHi:function(){
alert("啊啊啊 我想找到前端的工作 大四老狗了")
}
}
})
</script>
</body>
</html>
点击按钮所触发的按键
按键enter 出现