Vue.js_06_计数器案例

本系列博客汇总在这里：Vue.js 汇总

---

源码工程文件为：

一、功能说明

点击加号实现计数器增一，点击减号实现计数器减一。

上图中的代码已经实现了计数器的功能，但是如果行的需求出现，例如我们需要在加一的时候输出一句话，那该怎么实现呢？这就需要我们要说的属性 methods 了。其实，这种思想并不陌生，和我们之前使用原生 Js 里面的方法或者函数的思想是一致的。

二、methods 和 v-on:click

1、methods

该属性用于在 Vue 对象中定义方法。

2、v-on:click

该指令用于监听某个元素的点击事件，并且需要指定当发生点击时，执行的方法（方法通常是 methods 中定义的方法）。值得一提的是，v-on:click 指令是可以简写为 @click 的（语法糖），修改前后的效果是一致的！

语法糖（Syntactic sugar），也译为糖衣语法，是由英国计算机科学家彼得·约翰·兰达（Peter J. Landin）发明的一个术语，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

如有错误，欢迎指正！