点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 千木教程(qianmu.net)</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> <!-- `greet` 是在下面定义的方法名 --> <button @click="greet">点我</button> </div> <script> const app = { data() { return { name: 'Qianmu' } }, methods: { greet(event) { // `methods` 内部的 `this` 指向当前活动实例 alert('Hello ' + this.name + '!') // `event` 是原生 DOM event if (event) { alert(event.target.tagName) } } } } Vue.createApp(app).mount('#app') </script> </body> </html>
运行结果
