Vue 绑定事件 ON
v-on
<!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <button v-on:click="sayhi">点击</button> </div> <!--引入vue.js 包--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var vm=new Vue({ el:"#app", data:{ message:"创客未来" }, methods:{//方法必须定义再Vue的Methods对象中 sayhi:function (event) { alert(this.message); } } }); </script> </body> </html>