資訊專欄INFORMATION COLUMN
摘要：要求傳入一元素，通過全等于比較進行移除。，相當于的第三種方法，清空數(shù)組的所有元素。由于需要同步視圖的緣故，不能通過的方法來清空元素。，只有當數(shù)組不存在此元素時，才添加此元素。
1 小例子數(shù)據(jù)循環(huán)
| 序號 | 項目名稱 | 開始時間 | 合同金額 | 支付金額 | 支付比例 | |
|---|---|---|---|---|---|---|
| {{$index}} | {{el.pro_name}} | {{el.crt_time}} | {{el.contract_money|number(2)}} | {{el.pay_money|number(2)}} | 0 | {{el.pay_money / el.contract_money *100|number(2)}}% |
Document
{{@a}}
{{@a}}
{{@b}}
3 內(nèi)置指令
$id, vm的名字
$watch, 用于添加監(jiān)聽函數(shù)
$fire, 用于觸發(fā)監(jiān)聽函數(shù)
$events, 用于儲存監(jiān)聽函數(shù)
$model, 返回一個純凈的JS對象
$element, 2.0新增, 當我們用ms-controller,ms-important指定一個VM的作用域,對應(yīng)元素節(jié)點會放到這個屬性上.
$computed, 2.2.1新增,用來集中定義計算屬性
4 計算屬性 4.1 get案例
Document
{{@fullName}}
4.2 set案例
Document
{{@firstName}}
{{@lastName}}
4.3 計算屬性模糊搜索案例
Document
{{@test1}}
- {{el.community_name}}
5 對象data里放數(shù)據(jù)學vue,不過vue方便得多
Document
{{@data.firstName}}
{{@data.lastName}}
6 操作數(shù)組方法
pushArray(el), 要求傳入一數(shù)組，然后將它里面的元素全部添加到當前數(shù)組的末端。
remove(el), 要求傳入一元素，通過全等于比較進行移除。
removeAt(index), 要求傳入一數(shù)字，會移除對應(yīng)位置的元素。
removeAll(arrayOrFunction), 有三種用法，如果是一個函數(shù)，則過濾比較后得到真值的元素，
如果是一數(shù)組，則將此數(shù)組中與原數(shù)組相等于的元素全部移除；如果沒有任何參數(shù)，則全部清空。
clear()，相當于removeAll()的第三種方法，清空數(shù)組的所有元素。由于需要同步視圖的緣故，不能通過vm.array.length
= 0的方法來清空元素。
ensure(el)，只有當數(shù)組不存在此元素時，才添加此元素。
set(index, el)，用于更新某一索引位置中的元素，因為簡單數(shù)組元素的數(shù)組，是不會轉(zhuǎn)換它的元素
toJSON()， 用于取得數(shù)組的$model, 2.2.2新添加的方法
6.1操作數(shù)組例子pushArray（不重復添加）
Document
6.2 remove()數(shù)組操作例子刪
Document
{{el}}
7 if顯示隱藏包括站位隱藏
Document
{{@aaa}}
{{@aaa}}
9 arr和obj的for循環(huán)
Document
- {{el}}
- {{key}}--{{val}}
10 事件
animationend、
blur、focus change、input、
click 、 dblclick、 、 keydown、 keypress、keyup、
mousedown、 mouseenter、 mouseleave、 mousemove、 mouseout、
mouseover、 mouseup、 scroll、 submit
簡寫 :click-1="@fn(el)" :click-2="@fn(el)"
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95222.html
相關(guān)文章
-
avalon 單頁面程序 （種子工程）之一 用requirejs引入avalon
摘要：現(xiàn)在微軟終于痛定思痛決定放棄了不支持的安全更新，對我們前端來說，真的是重大利好啊言歸正傳，這篇文章的目的就是把怎么用構(gòu)建一個單頁面程序介紹以下，是對自己的一個總結(jié)，也喜歡對大家有一定的借鑒作用，寫的不好不對的地方希望大家多評論評論謝謝。
這篇文章是寫在公司項目結(jié)束之后的，因為我個人不太會把沒有實踐過的東西寫出來，實踐是檢驗真理的唯一標準么，用的怎么樣，好不好用，在成熟實踐過的項目上能體...
-
JavaScript異步編程原理
摘要：一異步編程原理顯然，上面這種方式和銀行取號等待有些類似，只不過銀行取號我們并不知道上一個人需要多久才會完成。下面來探討下中的異步編程原理。
眾所周知，JavaScript 的執(zhí)行環(huán)境是單線程的，所謂的單線程就是一次只能完成一個任務(wù)，其任務(wù)的調(diào)度方式就是排隊，這就和火車站洗手間門口的等待一樣，前面的那個人沒有搞定，你就只能站在后面排隊等著。在事件隊列中加一個延時，這樣的問題便可以得到緩解...
-
《從零構(gòu)建前后分離的web項目》：前端了解過關(guān)了嗎？
摘要：前端基礎(chǔ)架構(gòu)和硬核介紹技術(shù)棧的選擇首先我們構(gòu)建前端架構(gòu)需要對前端生態(tài)圈有一切了解，并且最好帶有一定的技術(shù)前瞻性，好的技術(shù)架構(gòu)可能日后會方便的擴展，減少重構(gòu)的次數(shù)，即使重構(gòu)也不需要大動干戈，我通常選型技術(shù)棧會參考以下三點一提出自身業(yè)務(wù)的需求是
# 前端基礎(chǔ)架構(gòu)和硬核介紹
showImg(https://segmentfault.com/img/remote/146000001626972...
-
《從零構(gòu)建前后分離的web項目》：前端了解過關(guān)了嗎？
摘要：前端基礎(chǔ)架構(gòu)和硬核介紹技術(shù)棧的選擇首先我們構(gòu)建前端架構(gòu)需要對前端生態(tài)圈有一切了解，并且最好帶有一定的技術(shù)前瞻性，好的技術(shù)架構(gòu)可能日后會方便的擴展，減少重構(gòu)的次數(shù)，即使重構(gòu)也不需要大動干戈，我通常選型技術(shù)棧會參考以下三點一提出自身業(yè)務(wù)的需求是
# 前端基礎(chǔ)架構(gòu)和硬核介紹
showImg(https://segmentfault.com/img/remote/146000001626972...
-
《從零構(gòu)建前后分離的web項目》：前端了解過關(guān)了嗎？前端基礎(chǔ)架構(gòu)和硬核介紹
摘要：前端準備前端了解過關(guān)了嗎前端基礎(chǔ)架構(gòu)和硬核介紹技術(shù)棧的選擇首先我們構(gòu)建前端架構(gòu)需要對前端生態(tài)圈有一切了解，并且最好帶有一定的技術(shù)前瞻性，好的技術(shù)架構(gòu)可能日后會方便的擴展，減少重構(gòu)的次數(shù)，即使重構(gòu)也不需要大動干戈，我通常選型技術(shù)棧會參考以下三
# 前端準備 ：前端了解過關(guān)了嗎？前端基礎(chǔ)架構(gòu)和硬核介紹
showImg(https://segmentfault.com/img/remote/...
發(fā)表評論
0條評論
calx
男|高級講師
TA的文章
閱讀更多
GigsGigsCloud：雙十一優(yōu)惠，1核/512MB內(nèi)存/20GB SSD硬盤/500GB流量/
閱讀 2732·2021-11-11 17:21
有備無患「GitHub 熱點速覽 v.21.38」
閱讀 622·2021-09-23 11:22
Css in Js 一次實踐
閱讀 3587·2019-08-30 15:55
pc端適配移動端
閱讀 1649·2019-08-29 17:15
css元素居中方法
閱讀 581·2019-08-29 16:38
你踩過幾個？微信H5小游戲開發(fā)中的那些坑
閱讀 916·2019-08-26 11:54
JavaScript工作原理（五）：深入了解WebSockets，HTTP/2和SSE，以及如何選擇
閱讀 2516·2019-08-26 11:53
你不知道的取數(shù)值整數(shù)部分的冷知識
閱讀 2762·2019-08-26 10:31
最新活動
閱讀需要支付1元查看
