Vue中使用es6语法（=＞和let)（2020-10-19）

vue 中 的=>函数
箭头函数一般用于函数嵌套时，防止this指向变化，在箭头函数中this的指向一直是外层对象，即廖雪峰大神说的“箭头函数完全修复了this的指向，this总是指向词法作用域，也就是外层调用者obj”

function(x){
    return x + 6;
};

相当于( x) => x+6 简化了return和function显示声明
当有多个返回值时，或者多个条件则：

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

当有多个参数或者参数不固定：

// 两个参数:
(x, y) => x * x + y * y
 
// 无参数:
() => 3.14
 
// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

返回一个对象：是（）里写对象{}

x => ({ foo: x })

可变参数

   //可变式函数的写法在变量前面加上三个点就可以了例如(...num)
         function sum(...num){
            console.log(num);
         }

let， const 与 **var **类似声明变量，不同的是let 和const是在这个块级作用域里
块级作用域，在这里面定义的变量则在块级域外面是没法使用的。
块级作用域：

if(){

}
for(){

}
//大{}圈起来的地方
{
}

1.var可以重复声明

var a = 12;
var a = 5;
alert(a) //5

2.var无法限制修改
如：PI = 3.1415；
3.var没有块级作用域
4.let和const不能重复声明

let a =12;
let a=5;
alert(a)//报错

const a =12;
const a=5;
alert(a)//报错

5.let是可以重复修改的，但是const是常量，是不能重复修改的。