Vue中的let关键字

1. let简介:
   es6新增了let命令，用来声明变量。它的用法类似于js中的var，但是所声明的变量，只在let命令所在的代码块内有效。
2. let不存在变量提升情况：
   var命令会发生”变量提升“现象，即变量可以在声明之前使用，并不会报错且值为undefined。这种现象多少有些奇怪别扭，按照一般的逻辑，变量应该在声明语句之后才可以使用。
   为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则就会报错。
   例如:

// var 的情况
console.log(ceshi1); // 输出undefined
var ceshi1 = 1;
 
// let 的情况
console.log(ceshi2); // 报错ReferenceError
let ceshi2 = 2;

上面代码中，变量ceshi1用var命令声明，会发生变量提升，即脚本开始运行时，变量foo已经存在了，但是没有值，所以会输出undefined。变量ceshi2用let命令声明，不会发生变量提升。这表示在声明它之前，变量ceshi2是不存在的，这时如果用到它，就会抛出一个错误。
3. let不允许重复声明　
let不允许在相同作用域内，重复声明同一个变量。

// 报错
function func() {
  let a = 10;
  var a = 1;
}
 
// 报错
function func() {
  let a = 10;
  let a = 1;
}

因此，不能在函数内部重新声明参数

function func(a) {
  let a; // 报错
}
 
function func(a) {
  {
    let a; // 不报错
  }
}