作者:琪琪 | 来源:互联网 | 2023-05-25 18:18
近来在看vue框架的学问,然后其中有个例子中的this
的写法让我很迷惑
在这堆代码中的filterPerson
函数的第一行进行了this
的赋值,创建了一个对象赋给了一个常量
在一些教程中示意这是掏出要用的数据
实在算是简化操纵,由于背面我将其解释掉,然后在每一个变量前面加上this
照旧能够跑起来
computed: {
filterPersons() {
// 掏出相干的数据
// const {
// searchName,
// persons,
// orderType
// } = this;
let flag;
flag = this.persons.filter(p => p.name.indexOf(this.searchName) !== -1);
if (this.orderType !== 0) {
flag.sort(function (p1, p2) {
if (this.orderType === 2) {
return p2.age - p1.age;
} else {
return p1.age - p2.age;
}
});
}
return flag;
}
}
所以,在这个处所是运用了ES6
的解构赋值, 将想要用的数据作为赋给括号内的变量, 在函数中自身没有这几个变量,所以直接在函数内部使用是会报错的,因而需要去表面的vue
实例中猎取。如许做能够少写一些this