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 内部会把当作一个变量解析操作。 然后就会报错。 下划线开头是私有变量。