在Vue.js中，v-on指令是用来绑定按钮或其他元素事件的，可以是单击事件、双击事件、切换事件等。这个事件函数跟JavaScript常规的事件函数是一样的，有无参数和有参数的事件函数。下面利用一个说明如何利用点击事件获取按钮的属性和方法，操作如下：工具/原料moreVue.jsJavaScriptHTML5HBuilder浏览器截图工具方法/步骤1/6分步阅读

第一步，在HBuilder工具中已创建好的Web项目，指定目录下新建静态页面buttonClick.html，如下图所示：

2/6

第二步，在title标签下引入vue.js核心JavaScript文件，注意压缩版本和开发版本，如下图所示：

3/6

第三步，在body/body标签内，插入一个div和四个button，使用v-on绑定事件，如下图所示：

4/6

第四步，在div/div标签下方，插入script/script标签，并在标签内编写事件函数，如下图所示：

5/6

第五步，保存代码并在浏览器中查看结果，点击按钮，查看弹出的结果，如下图所示：

6/6

第六步，弹出的结果为undefined，修改代码并在事件中传参数，然后再次查看结果，可以看到按钮的相关属性和方法（浏览器控制台），如下图所示：

注意事项

注意Vue.js中的v-on指令绑定事件的用法

注意绑定按钮点击事件获取对应属性和方法的方式

JAVASCRIPT按钮点击事件HBUILDER