VUE學習筆記(一) 指令

2021-08-18 06:09:54 字數 1465 閱讀 2148

一丶指令:v-if

作用:用於判斷是否載入html 的dom

html:

你好,我是v-if

main.js:

new vue( })

二丶指令:v-show

作用:調整css中的display屬性

html:

你好,我是v-if

main.js:

new vue( })

v-if和v-show兩者區別:

三丶指令:v-for

作用:迴圈出data中的陣列,指令需要以 item in items 形式

html:

}main.js:

new vue(

})四丶指令:v-text

作用:在網速太慢或者js報錯 的情況下,會暴露}的問題,用v-text可以解決

}=五丶指令:v-html

}data :

})六丶指令:v-on  可以用@代替

作用:繫結時間***

html:

加分減分

main.js:

六丶指令:v-model

作用:繫結資料來源

文字區域加入資料繫結

多選按鈕繫結乙個值

} 多選框繫結資料

a1a2a3}

單選按鈕繫結資料

你選擇的是:}

七丶指令:v-bind

作用:v-bind主要用於繫結dom元素屬性(attribute),

即元素屬性實際的值是有vm例項中的data屬性提供的。

要注意物件在vue中宣告,報錯,未定義

1.繫結classa

1.繫結classa

1.繫結classb

6.繫結classb

7.繫結classb

message:"hello",

id:"123",

imgsrc:'',

weburl:'',

classname:'classa',

classa:'classa',

classb:'classb',

red:'red',

font:'150px',

styleobject:,

isok: false

八丶指令:v-pre

作用:直接在網頁中顯示}

}指令:v-cloak

作用:在vue渲染完指定的整個dom後才進行顯示。它必須和css樣式一起使用

}

指令:v-once

九丶指令:v-bind

作用: 繫結標籤屬性,:後面是標籤屬性名

}

每天一指令

cd 選項 引數 l 如果要切換的目標目錄是乙個符號的連線,直接切換到字元連線名代表的目錄,而非符號連線所指向的目標目錄。p 如果要切換到的目標目錄是乙個符號連線,直接切換到符號連線指向的目標目錄 root www cd 相對路徑或絕對路徑 最重要的就是目錄的絕對路徑與相對路徑,還有一些特殊目錄的符...

每天一指令

pwd p p 顯示確實的路徑,而非使用鏈結 link 路徑 單純顯示出目前的工作目錄 root www pwd root 顯示出目錄啦 列表內容 顯示出實際的工作目錄,而非鏈結檔案本身的目錄名而已 root www cd var mail 注意,var mail是乙個鏈結檔 root www ma...

每天一指令

mv fiu source destination mv options source1 source2 source3 directory f force 強制的意思,如果目標檔案已經存在,不會詢問而直接覆蓋 i 若目標檔案 destination 已經存在時,就會詢問是否覆蓋!u 若目標檔案已經...