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