<html>
<head>
<title>vue04</title>
<meta charset="utf-8"/>
</head>
<body>
<div id="app4">
<button v-on:click="sayHi">点击我</button> <!--v-on绑定点击事件-->
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el: "#app4",
data: {
message: "aaaaaaaaaaaaaa",
},
methods: { //方法必须写在vue的Methods中
sayHi: function (){
alert(this.message);
}
}
})
</script>
</html>
Vue入门03绑定点击事件
最新推荐文章于 2024-04-20 23:52:14 发布