vue2學習第一天

2021-09-28 18:15:29 字數 1227 閱讀 7531

後端node中的 mvc 與 前端中的 mvvm 之間的區別

}v-textv-html

v-cloak方式插值是抖動

直接使用指令v-bind使用簡化指令:在繫結的時候,拼接繫結內容::title="btntitle + ', 這是追加的內容'"陣列

陣列中使用三元表示式

陣列中巢狀物件

直接使用物件

直接在元素上通過:style的形式,書寫樣式物件

將樣式物件,定義到data中,並直接引用到:style

:style中通過陣列,引用多個data上的樣式物件

data: ,

h1styleobj2:

}

迭代陣列

迭代物件中的屬性

} --- } --- }

迭代數字

這是第 } 個p標籤

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

這個預設的模式是有效的,但是只適用於不依賴子元件狀態或臨時 dom 狀態(例如:表單輸入值)的列表渲染輸出。

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

v-if刪除和載入dom元素中切換

v-show則是樣式display的值noneblock切換

js 裡面的鍵盤事件對應的鍵碼

vue.js雙向繫結的實現原理

學習vue第一天

一.框架和庫的區別。框架 是一套完整的解決方案 對專案的侵入性較大,專案如果需要更換框架,則需要重新架構整個專案。例如 node 的 express框架 庫 外掛程式 提供某乙個小功能,對專案的侵入性較小,如果某個庫無法完成某些需求,可以很容易切換到其它庫實現需求.例如 jquery zepot 移...

Vue學習 第一天

p 將資料填充到html標籤中 color yellow p div vue.js script var myvue newvue script 這樣,乙個簡單的 hello world 就出現了。接著vue的特色 資料雙向繫結。也就是資料模型 model 與檢視 view 元件的協同。這裡就引出了...

redis學習第一天(2)

nosql概念 非關係型資料庫 資料之間無關係,容易擴充套件 大資料量高效能 nosql資料庫有極高的讀寫效能,mysql使用query cache,每次更新cache失效 多樣靈活的資料模型 無需事先建立字段,儲存自定義資料格式,鍵值對儲存,可以封裝成map或者page bean redis,me...