vue click事件 v-on:click
程序员文章站
2022-05-14 08:42:33
v-on:click 点击 world ......
v-on:click
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>vue实例中的数据,事件和方法</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <div id="root"> <h1 v-on:click="handleclick">{{content}}</h1> </div> <script type="text/javascript"> new vue({ el:"#root", data:{ content: "hello world", }, methods:{ handleclick:function(){ this.content = "world" } } }) </script> </body> </html>
点击 world
下一篇: bind、call和apply对比和使用