本文共 1122 字，大约阅读时间需要 3 分钟。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id='app'> <!-- v-on:事件='方法' --> <input type="button" value='v-on指令' v-on:click='doIt'> <!-- 简写 @事件='方法' --> <input type="button" value='v-on简写' @click='doIt'> <!-- 双击事件 --> <input type="button" value='双击事件' @dblclick='doIt'> <!-- 更改数据使用 this关键字 --> <div id='app' @click='changeMes'>{ {mes}}</div> </div> <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el:'#app', data:{ mes:'加油！' }, methods:{ doIt:function(){ alert('大家好，我是测试小白！') }, changeMes:function(){ this.mes += "加油，海蛎子！" } } }) </script></body></html>
转载地址：http://xzle.baihongyu.com/