【vue】箭头函数=＞

ES6允许使用，所以在Vue的代码中，经常看见 => 这样的函数写法

单个参数，如下

const f = a => a;

相当于

const f = function (a) {
    return a;
}

无参数，如下

const f = () => 666;

相当于

const f = function () {
    return 666;
}

多个参数

const f = (a, b) => a + b;

相当于

const f = function (a, b) {
    return a + b;
}

注意事项

【1】定义的function，在那个对象A里面，this指向的就是A

const title = "A";

const book = {
    title: "《Vue入门到精通》",
    content: "看起来也就一般般",
    fc: () => {
        console.log(this); //此处的this，指向book
        console.log(this.title); //此处的this，指向book.title
    }
}

book.fc();

如果不用=>声明函数的话，代码如下：

const book = {
    title: "《Vue入门到精通》",
    content: "看起来也就一般般",
    fc: function () {
        console.log(this); //此处的this，指向book
        console.log(this.title); //此处的this，指向book.title
    }
}

book.fc();