Vue學習筆記

2021-10-22 17:53:42 字數 442 閱讀 6185

m:就是model,模型,包括資料和一些基本的操作。

v:即view,檢視,頁面渲染效果

vm:即view-model,模型與檢視間的雙向操作(無需開發人員干涉)

在mvvm之前,開發人員需要從後端獲取需要的資料模型,然後通過dom操作model渲染到view中。而後當使用者再對檢視操作,還需要通過dom來獲取view中的資料,然後同步到model中。

mvvm中的vm就是把dom操作封裝起來,開發人員不用再關心model和view之間是如何相互影響的。只要model發生了改變,view也會跟著改變。當使用者修改了view,model中的資料也會跟著改變。

雙向繫結與事件處理

1、建立頁面,初始化vue

2}獲取資料;

3、v-model實現雙向繫結

4、v-on演示事件處理

vue學習 筆記

v model 雙向繫結 v if v else if v else v on 繫結事件 v bind 繫結資料 v cloak 當vue未初始化完成前可不顯示為賦值的 vue屬性名稱 需要給v cloak設定 display none v for i迴圈次數 a資料中的資料 arr定義的陣列 最好...

vue學習筆記

vue學習筆記 從7月2日到7月4日三天的學習成果 一 vue的起步 及配置環境 3 使用vue cli快速搭建vue專案vue init webpack 為專案名 建立成功需要等待一段時間 4 輸入npm run dev編譯專案,成功後根據提示或根據修改的埠號登陸 lacalhost 5.看到下圖...

vue 學習筆記

1.v if v show區別 v if 是 真正 的條件渲染,因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是惰性的 如果在初始渲染時條件為假,則什麼也不做 直到條件第一次變為真時,才會開始渲染條件塊。相比之下,v show 就簡單得多 不管初始條件是什麼,元素總...