vue中常用的v 指令演示

2021-09-21 13:14:27 字數 579 閱讀 3750

vue中常用的v-指令演示

v-text 只能用在雙標籤中

v-text 其實就是給元素的innertext賦值

v-html 其實就是給元素的innerhtml賦值

v-if 如果值為false

,會留下乙個作為標記,萬一未來v-

if的值是true了,就在這裡插入元素

如果有if和else就不需要單獨留坑了

如果全用上 v-

if 相鄰v-

else

-if 相鄰 v-

else 否則 v-

else

-if可以不用

v-if和v-

else

-if都有等於對應的值,而v-

else直接寫

v-if家族都是對元素進行插入和移除的操作

v-show是顯示與否的問題

注意: 指令其實就是利用屬性作為識別符號,簡化dom操作,

看:v-model=

"***"

v-model 代表要做什麼 ***代表針對的js記憶體物件

寫在那個元素上,就對哪個元素操作

vue中常用的 v 指令和自定義指令

class結合v bind使用 key index 和 v bind key index 相等class 結果的分類 methods和v on的使用 函式名如果沒有引數,可以省略 只給乙個函式名稱 宣告元件內函式,在export default這個物件的根屬性加上methods屬性,其是乙個物件 在...

Vue內建v 指令

什麼是指令 是一種特殊的自定義行間屬性 也就是在html標籤內寫 指令的職責就是當其表示式的值改變時相應地將某些行為應用到dom上,在vue中,指令以 v 開頭 v bindv bind 動態繫結資料。簡寫為 以後的 class v onv on 繫結時間 簡寫為 例 click v textv t...

vue中常見的指令

v text 把指定的資料渲染到指令所在的節點只能渲染純文字 類似於innertext v html 把指定的資料渲染到指令所在的節點,可以渲染html的結構,innerhtml v on 給元素繫結事件 v if 滿足條件的話,元素顯示 v show 滿足條件的話元素顯示 v cloak 解決差值...