資訊專欄INFORMATION COLUMN
最近在看vue框架的知識，然后其中有個例子中的this的寫法讓我很疑惑
Page Title
search:
-
{{index}} --- {{p.name}} --- {{p.age}}
在這堆代碼中的filterPerson函數(shù)的第一行進行了this的賦值，創(chuàng)建了一個對象賦給了一個常量
在一些教程中表示這是取出要用的數(shù)據(jù)
其實算是簡化操作，因為后面我將其注釋掉，然后在每個變量前面加上this依舊可以跑起來
computed: {
filterPersons() {
// 取出相關(guān)的數(shù)據(jù)
// 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的解構(gòu)賦值, 將想要用的數(shù)據(jù)作為賦給括號內(nèi)的變量, 在函數(shù)中本身沒有這幾個變量，所以直接在函數(shù)內(nèi)部使用是會報錯的，因此需要去外面的vue實例中獲取。這樣做可以少寫一些this
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/102555.html
摘要：取到里面的偶數(shù)位的值在計算屬性不適用的情況下例如，在嵌套循環(huán)中你可以使用一個方法一段取值范圍的也可以取整數(shù)。 列表渲染 v-for v-for可以把數(shù)據(jù)中的一個數(shù)組對應(yīng)為一組元素v-for 指令需要以 item in items 形式的特殊語法， items 是源數(shù)據(jù)數(shù)組并且 item 是數(shù)組元素迭代的別名。 {{item.text}} data:{ items:[ ...
摘要：社區(qū)的認可目前已經(jīng)是相關(guān)最多的開源項目了，體現(xiàn)出了社區(qū)對其的認可。監(jiān)聽事件手動維護列表這樣我們就簡單的完成了拖拽排序。 完整項目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺 系列三(實戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺 系列...
閱讀 2400·2023-04-25 14:29
閱讀 1569·2021-11-22 09:34
閱讀 2764·2021-11-22 09:34
閱讀 3456·2021-11-11 10:59
閱讀 1919·2021-09-26 09:46
閱讀 2298·2021-09-22 16:03
閱讀 2016·2019-08-30 12:56
閱讀 533·2019-08-30 11:12
