vue基礎語法之指令以及 MVVM設計思想

2021-09-25 16:00:48 字數 796 閱讀 8240

指令的本質就是自定義屬性 指令的格式 以v-開始比如v-cloak

插值表示式存在的問題

「閃動」 會顯示}之後值再替換

使用v-cloak解決

先隱藏,替換好值之後再顯示最終的值

使用步驟

提供樣式

[v-cloak]在插值表示式所在的標籤中新增v-cloak指令

資料繫結指令

填充存文字

比插值表示式更加簡單並且沒有閃動問題

填充html片段

存在安全問題

本**內部資料可以使用,來自第三方的資料不可以使用

填充原始資訊

顯示原始資訊,跳過編譯過程

資料響應式

資料的變化導致頁面內容的變化

只編譯一次

顯示內容之後不再具有響應式功能

應用場景 如果顯示的資訊後續不需要在修改 就可以使用 這樣可以提高效能

頁面內容和資料互相影響

v-model=''一般都體現在表單輸入上

m model

v view

vm view-model

核心理念

分而治之 不同的業務**放在不同的模組中 再通過特定的指令將他們盒子啊一塊

雙向繫結的方式 檢視到模型使用的事件監聽 - 模型到檢視使用的是資料繫結

Vue之介紹以及基本指令

angular 更新快,適合做大專案,比較笨重 react 是做移動端的 vue 集合了前面2個框架的優點,資料驅動框架,中文api,輕量級,單頁面高效,先進的mvvm設計模式,基於元件的開發,虛擬dom。特點 1.單頁面的web應用 2.資料驅動 3.資料的雙向繫結 4.虛擬dom 生產版本 vu...

vue基礎指令

filter 對介面的轉換,比如貨幣 顯示形式 vue基礎指令 v mode 雙向繫結,用於文字框 輸入框 單選 複選 下拉框等等,輸入改變,模型也會改變 反之,模型改變,輸入也會改變。v text 更多的是乙個文字的渲染,與 類似,只是在頁面未載入完vue的時候,會顯示在頁面上,所以一般採用v t...

Vue 基礎指令

指令 是帶有 v 字首的特殊屬性 1 v html 非轉義輸出 將xml型別資料解析 防止xss,csrf 2 v text 和 結果是一樣的,但是 有個短暫的 顯示 3 v bind 單項資料繫結 作用 將乙個資料賦值給已有屬性 4 v model 雙向資料繫結 作用範圍 表單元素,因為預設繫結了...