黑馬學習記錄 Vue v for使用詳解

2021-09-10 18:21:16 字數 1073 閱讀 4112

迭代陣列

迭代物件中的屬性

} --- } --- }

迭代數字

這是第 } 個p標籤

迴圈普通陣列

}}

}}-->

索引值:} --- 每一項:}

迴圈物件陣列

迴圈物件

值是: } --- 鍵是: } -- 索引: }

迭代數字

這是第 } 次迴圈

2.2.0+ 的版本裡,當在元件中使用v-for 時,key 現在是必須的。

當 vue.js 用 v-for 正在更新已渲染過的元素列表時,它預設用 「就地復用」 策略。如果資料項的順序被改變,vue將不是移動 dom 元素來匹配資料項的順序, 而是簡單復用此處每個元素,並且確保它在特定索引下顯示已被渲染過的每個元素。

為了給 vue 乙個提示,以便它能跟蹤每個節點的身份,從而重用和重新排序現有元素,你需要為每項提供乙個唯一 key 屬性。

完整**:

name:

} --- }

如果不使用key的話

新增新元素進去之後,勾選的對應的是索引號,就會出現bug

但是用key的話,就不會有這樣的bug了,勾選的一樣是荀子

黑馬學習記錄 Vue 路由

前端路由 對於單頁面應用程式來說,主要通過url中的hash 號 來實現不同頁面之間的切換,同時,hash有乙個特點 http請求中不會包含hash相關的內容 所以,單頁面程式中的頁面跳轉主要用hash實現 在單頁面應用程式中,這種通過hash改變來切換頁面的方式,稱作前端路由 區別於後端路由 ur...

linux使用學習記錄

一 更改登入密碼 輸入命令 passwd 你的使用者名稱 然後輸入原來的密碼 輸入兩次新密碼 改密碼成功!二 新建檔案目錄 輸入命令 mkdir 你要新建的目錄 例如 要新建乙個名為codeditor的檔案目錄,則輸入mkdir codeditor 如果提示許可權不夠,輸入命令sudo mkdir ...

uCOSII學習使用記錄

最近學習和使用ucosii,在這裡做一下筆記 串列埠中斷 中斷處理前新增 os enter critical osintnesting os exit critical 退出中斷後 osintexit 有人移植了2.86或者2.88版本後,發現跑的時間長了,會出現某些任務跑步了了,是需要設定將中斷改...