<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/vue.js"></script>
</head>
<body>
<div id="box">
<input type="text" v-model="mytext">
{{ mydatalist }}
<ul>
<!-- 遍歷過(guò)濾后的數(shù)組 -->
<li v-for="(item,index) of mydatalist">
{{item}}
</li>
</ul>
</div>
<script>
var vm = new Vue({
el: '#box',
data: {
list:['aaa','bbb','ccc','add','eee','fff','ggg'],
mytext:''
},
computed:{
mydatalist(){
// 依賴此狀態(tài)的函數(shù)也會(huì)重新執(zhí)行
return this.list.filter(item => item.includes(this.mytext))
}
}
})
</script>
</body>
</html>
16-computed計(jì)算屬性-模糊查詢
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)逸绎，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)惹恃，“玉大人，你說(shuō)我怎么就攤上這事棺牧∥撞冢” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵颊乘，是天一觀的道長(zhǎng)参淹。 經(jīng)常有香客問(wèn)我，道長(zhǎng)乏悄，這世上最難降的妖魔是什么浙值？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮檩小，結(jié)果婚禮上开呐，老公的妹妹穿的比我還像新娘。我一直安慰自己规求，他們只是感情好筐付，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著阻肿，像睡著了一般家妆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上冕茅，一...
- 那天伤极，我揣著相機(jī)與錄音蛹找，去河邊找鬼。 笑死哨坪，一個(gè)胖子當(dāng)著我的面吹牛庸疾，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播当编，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼届慈，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了忿偷？” 一聲冷哼從身側(cè)響起金顿，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎鲤桥，沒(méi)想到半個(gè)月后揍拆，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡茶凳，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年嫂拴，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贮喧。...
- 正文 年R本政府宣布谓形，位于F島的核電站灶伊，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏套耕。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一峡继、第九天 我趴在偏房一處隱蔽的房頂上張望冯袍。 院中可真熱鬧，春花似錦碾牌、人聲如沸康愤。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)征冷。三九已至，卻和暖如春誓琼，著一層夾襖步出監(jiān)牢的瞬間检激，已是汗流浹背肴捉。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像饺律，于是被迫代替她去往敵國(guó)和親窃页。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 上一篇 Vue原理解析（八）：一起搞明白令人頭疼的diff算法 之前的八個(gè)章節(jié)畦木，我們按照流程介紹了vue的初始化...
- 計(jì)算屬性：computed 之前例子中晾嘶，使用過(guò)vue的methods妓雾，computed和它的效果是一樣的。只不過(guò)c...
- 以前對(duì)于watch和computed的應(yīng)用都是知其然而不知其所以然,只是有個(gè)模糊的概念.現(xiàn)在有個(gè)需求就是兩個(gè)數(shù)字類...
