npm install @vue/cli@3.0.3 -g
vue -V -->查看版本

vue create my-demo 

yarn install

yarn run serve

yarn run build

yarn run test:unit

var name = 'id is ' + bid+ ' ' + aid + '.'
var url = 'http://localhost:5000/api/values/' + id

var name = `id is ${aid} ${bid}`
var url = `http://localhost:5000/api/values/${id}`//注意是反引号，英文输入下下的，Tab键上边的那个

//之前我们都是这么写的
var roadPoem = '这个是一个段落'
    + '换了一行'
    + '增加了些内容'
    + 'dddddddddd'
 
//但是在ES6中，可以使用反引号
var roadPoem = `这个是一个段落
   换了一行
    增加了些内容,
    dddddddddd
    结尾,`

function buyBook(price, count = 0.9){
    return price * count;
}
buyBook(100);

//甚至可以将方法的值赋给参数
function buyBook(price, count =GetCount()){
    return price * count;
}
function GetCount(){
    return 100;
}

buyBook(200);

//ES6之前是这样的
function add(a,b,c){
    let total = a + b + c;
    return total;
}
add(1, 2, 3);

//ES6你可以这么操作，提供了 rest 参数来访问多余变量
function sum(...num) {
    let total = 0;
    for (let i = 0; i < num.length; i++) {
        total = total + num[i];
    }
    return total;
}
sum(1, 2, 3, 4, 6);

var obj = {
    data: {
        books: "",
        price: 0,
        bookObj: null
    },
　　 bind() {//注意！ES6 中，可以使用这种方法简写函数，等价于 bind: function () {
        var that = this;
　　　　　//普通函数
        //$(".ok").click(function () {
　　　　 //    console.log(this);//这个时候，this，就是 .ok 这个Html标签
        //    var bookItem = that.data.bookObj;
        //    var _parice = $(bookItem).data("price");
        //    var _book = $(bookItem).data("book");
        //    that.data.books += _book + ",";
        //    that.data.price += parseInt(_parice);
        //    that.show();
        //});

　　　　 //箭头函数
        $(".ok").click(() => {
            var bookItem = this.data.bookObj;//在箭头函数中，this指向的是定义函数时所在的对象
            var _parice = $(bookItem).data("price");
            var _book = $(bookItem).data("book");
            this.data.books += _book + ",";
            this.data.price += parseInt(_parice);
            this.show();
            $(".bg,.popupbox").hide();

        });
    },
}

var vm = new Vue({
    el:'#root',
    data:{
        tasks:[]
    },
    mounted(){
        axios.get('/tasks')
        .then(function (response) {
            vm.tasks = response.data;//使用Vue实例
        })
    },
    mounted2(){
           axios.get('/tasks')
            .then(response => this.tasks = response.data);//箭头函数 this 
    }
});

function blog(bl) {
    if (bl) {
        var foo = "Blog";
    }
    console.log(foo);
}

blog(true); //=> Blog

function Blog(bool) {
    if (bool) {
        let foo = "Blog";
    } else {
        console.log(foo);
    }
}
Blog(false); //这里会报错 Uncaught ReferenceError: foo is not defined

const foo='Blog';
function Blog(bool) {
    if (bool) {
         foo = "Vue";
    } else {
        console.log(foo);
    }
}
Blog(true); //这里会报错 Identifier 'foo' has already been declared