vue 的基本知識

2021-09-22 10:15:40 字數 962 閱讀 3892

mvc 與mvvm 的區別

mvcmvvm

後端框架

前端框架

專案中需要匯入相關的 vue包 與vue專案的基本格式

基本指令

插值表示式 } 輸出data裡面的資料 前後可以任意跟上想要的資料

v-cloak 處理頁面沒有載入資料的時候顯示源生**的問題

v-text 只能輸出data 裡面的資料 前後不能有任何資料 如果有的話會全部覆蓋

v-html 指定輸出html 格式的內容

v-bind (縮寫是 英文下的冒號) 繫結事件與繫結data裡面的資料

v-on (縮寫是 @)

v-model 雙向繫結 只能應用與表單元素

v-for 迴圈輸出資料

v-if 判斷條件 條件為真的時候 建立元素 條件為假的時候刪除元素

v-show 判斷條件 只修改display 樣式 條件為真時屬性為block 條件為假時屬性為 none

事件修飾符

通過指令可以設定class類

基本語法

字串包含字串

陣列迴圈

過濾器 只能用在插值表示式 與v-bind中 其他地方不能使用 過濾器採用就近原則 如果有乙個私有的 還有乙個全域性的 則會使用私有的過濾器

padstart padend 在字串前面或者是後面填充到規定的長度 只能對字串處理 補充固定的字串

自定義按鍵修飾符 按回車新增 @keyup.enter = 『方法名』 其他的鍵盤可以 @keyup.鍵盤碼 = 『方法名』 自定義鍵盤碼 (呼叫方式 @keyup.鍵盤名 = 『方法名』 vue.config.keycodes.鍵盤名 = 鍵盤碼 )

自定義指令 directives 引數1:在定義的時候 指令前面不需要加 v-字首 但是在呼叫的時候 必須要加上v-字首 引數2 是乙個物件 在這個物件身上有一些指令相關的函式 這些函式可以在特定的階段 執行相關的操作

後續在更新

vue基本知識(一)

一 常見指令 v cloak 用來解決閃爍問題 v text 預設沒有閃爍問題,會覆蓋掉元素中原來的內容 插值運算子,只會替換掉自己的佔位符,有閃爍問題 v html 輸出為html格式 會覆蓋 v bind 用來提供繫結屬性的指令,縮寫為 例如 v bind title mytitle v on ...

vue基本知識概述

mvvm設計模式 傳統網頁組成 3部分 html 定義網頁的內容 css 定義網頁的樣式 js 為網頁新增互動行為 問題 js dom操作,既要加工資料,又要承擔大量的反覆的增刪改查操作。重新劃分上述3部分 view檢視 指網頁中的元素和樣式,包括html和css model模型資料 指程式中建立的...

BI的基本知識

1,什麼是bi bi 即商業智慧型,商業智慧型是一種解決方案,通過抽取歷史資料,進行分析,挖掘,從中提取業務人員 可以理解的的資訊,通過這些資訊,進一步輔助業務人員進行決策 2,bi 的歷史上世紀70到 80年代,市場上出現了分析軟體。但是缺乏計算能力,使用者友好性差。與交易系統的整合困難,甚至手動...