vue事件v-on: · vue

## 语法： `v-on` 简写@ ``` <div @:click="handleClick">{{msg}}</div> 等同于 <div v-on:click="handleClick">{{msg}}</div> ``` ## 代码案例以及语法： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue/vue.js"></script> </head> <body> <div id="box"> <div v-on:click="handleClick">{{msg}}</div> </div> </body> </html> <script type="text/javascript"> new Vue({ el:"#box", data:{ msg:"hello word" }, methods:{ handleClick:function (){ this.msg="hello" } } }) </script> ~~~