資訊專欄INFORMATION COLUMN
最近在看vue框架的知識(shí)，然后其中有個(gè)例子中的this的寫法讓我很疑惑
Page Title
search:
-
{{index}} --- {{p.name}} --- {{p.age}}
在這堆代碼中的filterPerson函數(shù)的第一行進(jìn)行了this的賦值，創(chuàng)建了一個(gè)對(duì)象賦給了一個(gè)常量
在一些教程中表示這是取出要用的數(shù)據(jù)
其實(shí)算是簡(jiǎn)化操作，因?yàn)楹竺嫖覍⑵渥⑨尩?，然后在每個(gè)變量前面加上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;
}
}
所以，在這個(gè)地方是運(yùn)用了ES6的解構(gòu)賦值, 將想要用的數(shù)據(jù)作為賦給括號(hào)內(nèi)的變量, 在函數(shù)中本身沒有這幾個(gè)變量，所以直接在函數(shù)內(nèi)部使用是會(huì)報(bào)錯(cuò)的，因此需要去外面的vue實(shí)例中獲取。這樣做可以少寫一些this
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/102555.html
摘要：取到里面的偶數(shù)位的值在計(jì)算屬性不適用的情況下例如，在嵌套循環(huán)中你可以使用一個(gè)方法一段取值范圍的也可以取整數(shù)。 列表渲染 v-for v-for可以把數(shù)據(jù)中的一個(gè)數(shù)組對(duì)應(yīng)為一組元素v-for 指令需要以 item in items 形式的特殊語(yǔ)法， items 是源數(shù)據(jù)數(shù)組并且 item 是數(shù)組元素迭代的別名。 {{item.text}} data:{ items:[ ...
摘要：原理對(duì)處理函數(shù)進(jìn)行延時(shí)操作，若設(shè)定的延時(shí)到來之前，再次觸發(fā)事件，則清除上一次的延時(shí)操作定時(shí)器，重新定時(shí)。在目標(biāo)發(fā)出內(nèi)容改變的事件后，直接接收事件并作出響應(yīng)。首先是目標(biāo)的構(gòu)造函數(shù)，他有個(gè)數(shù)組，用于添加觀察者。 關(guān)于排序 js中sort函數(shù)的底層實(shí)現(xiàn)機(jī)制？ js中sort內(nèi)置多種排序算法，是根據(jù)要排序數(shù)的亂序程度來決定使用哪一種排序方法。V8 引擎 sort 函數(shù)只給出了兩種排序 Inse...
摘要：代碼原生渲染有時(shí)數(shù)據(jù)中攜帶了標(biāo)簽，輸出它們時(shí)，按文本解析，如使用輸出原生的使用原生指令解析數(shù)據(jù)中標(biāo)簽為原生你的站點(diǎn)上動(dòng)態(tài)渲染的任意可能會(huì)非常危險(xiǎn)，因?yàn)樗苋菀讓?dǎo)致攻擊。 代碼 原生html渲染v-html 有時(shí)數(shù)據(jù)中攜帶了Html標(biāo)簽，輸出它們時(shí)，按文本解析，如： new Vue({ data: { title:使用v-html輸出原生的html, } ...
摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺(tái) 系列...
閱讀 2402·2023-04-25 14:29
閱讀 1572·2021-11-22 09:34
閱讀 2766·2021-11-22 09:34
閱讀 3458·2021-11-11 10:59
閱讀 1922·2021-09-26 09:46
閱讀 2302·2021-09-22 16:03
閱讀 2017·2019-08-30 12:56
閱讀 535·2019-08-30 11:12
