v-on 基本使用和语法糖

1： const 关键字：

在很多语言中已经存在， 比如C 语言/ C++ 中， 主要将某个变量修饰为常量。

在js 中也是如此， 使用const 修饰的标识符为常量， 不可以再次赋值。

2： 什么时候使用const 关键字呢？

当我们修饰标识符不会再次被赋值时， 就可以使用const 关键字来保证数据的安全性。

建议： 在es6 中开发中， 优先使用const 关键字， 只要需要改变某一个标识符的时候才使用let  关键字。

3：  const  注意一：

const a = 20;
 a = 30;  // 报错， 不可修改

const 关键字：
const name;   使用const 关键字修饰标识符必须赋值；

 变量初始化， 声明加上赋值；

理解事件监听事件：

前端开发： 经常处理用户之间交互事件：

我们就必须要监听用户发生的时间：比如点击， 拖拽， 键盘事件；  vue 中如何监听事件呢？  使用v-on 指令

v-on 指令： 绑定事件监听器的。  对象字面量函数增强写法。  add () {}

直接在v-on 的时候： 直接调用该方法： this.counter++     减法操作：this.counter -- 

v-on: 语法糖： 就是简写@：  语法糖就更加简洁一些。  通过methods 方法时：

情况一： 如果该方法不需要提供额外参数， 那么方法后边的小括号（） 可以不添加。

  但是注意：  如果方法本身中有一个参数， 那么会默认将原生事件的event 参数传递进去。

情况二：  如果需要同时传递某个参数， 但是同时又需要 $event 事件。 

//  如果函数需要参数， 但是没有传入， 那么函数函数的形参为undefined 

function abc (name) {
  console.log(name)
}

abc ()

假如说点击事件： 没有传递参数： 没有加上小括号， 也没有传递参数。 浏览器就会自动生成event 事件。 事件对象：  event  事件就是浏览器生成event 事件对象。

在事件定义时： 省略了小括号， 但是方法本身是需要一个参数的， 这个时候， vue 会默认将浏览器生成的event 事件对象作为参数传入到方法中。

2： 在方法定义时： 不仅需要event 对象， 同时还需要其他参数：  在vue 中默认传递给第一个参数，  第二个参数就会报undefind. 

3:  但是调用方法时： 如何手动的获取到浏览器的参数event 对象：  使用$event 事件。  vue 内部会解析， $event 事件拿到浏览器事件对象。 

    如果是event 事件vue 内部会把当作一个变量解析操作。  然后就会报错。  下划线开头是私有变量。