写在前面

因为在使用vue的时候会涉及到ES6的相关语法，所有在这里简单的介绍下ES6的相关知识！

申明变量

es6语法规范1： var和let的区别
相同点：var和let都是申明变量的
区别： let是申明块级的变量（简单理解就是在某个代码块中生效，离开该代码块就没有效果了）

  var a = 3;
        let b = 4;
        console.debug(a, b);
        for(let i=0;i<10;i++){
            console.debug(i);
        }
      //  console.debug("i=", i);

es6语法规范2： const
const 也是用来申明变量的，被const申明的变量就是一个常量

const c = 4;
        c = 5;//c变量是一个常量，一旦赋值之后，该值是不能被更改的
        console.debug(c);

解构表达式

  let arr = ["好", "o", "大"];
      //  console.debug(arr[0], arr[1]);ES5取法

        //ES6取法（解构表达式来取值）  解构数组
        let [a, b,c] = arr;
        console.debug(a,b,c);

        //ES6取法（解构表达式来取值）  解构对象
        var p = {
            name:"赵日天",
            age:22,
            sex:true
        }
        /*
        以前最原生的取法
        function show(p){
            console.debug(p.name, p.age, p.sex);
        }
        */
        function show({name,age,sex}){
            console.debug("哈哈哈", name, age, sex);
        }
        //调用函数（把对象作为参数进行传递）
        show(p);



        //解构对象
        var {name, age, sex} = p;
        console.debug("===",name, age, sex);

箭头函数

 var p = {
            name:"王天霸",
            age:22,
            show:function(msg){//以前最开始申明函数的方式
                console.debug(this.name + "   " + this.age);
            },
            show2:(msg)=>{//新的写法1  箭头函数this是属于当前创建环境this是一致的
                         //如果箭头函数外面还有函数，那箭头函数的this是和外层函数this一致，如果外层没有函数，该this就是window
                console.debug(" AAA  ");
            },
            show3(msg){//新的写法2
                console.debug("BBBBB  ");
            }
        }

        p.show();
        p.show2();
        p.show3();

总结

当然 这里只是简单地介绍ES6中几种用法 如果你需要了解更过的，可以点击下方链接
更多的详细介绍