VUE(3)指令 (待完善)

2021-10-01 07:24:40 字數 849 閱讀 4811

指令是為html新增增強功能的特殊屬性。包括13個

1 v-bind: 繫結元素的屬性值(}只能繫結元素內容,不能繫結元素屬性值)

《元素 v-bind:屬性="js表示式">——簡寫:  ":屬性"

2v-show根據條件控制元素的顯示和隱藏

《元素 v-show='條件表示式'>

①. 如果條件表示式執行結果為true,則當前元素顯示——會去掉display:none

②. 如果條件表示式執行結果為false,則當前元素隱藏——會自動將v-show替換為display:none

控制兩個元素二選一顯示隱藏:

《元素1 v-if='判斷條件'>

《元素2 v-else>

如果判斷條件返回true,就顯示第乙個元素,刪除第二個元素

如果判斷條件返回false,就顯示第二個元素,刪除第乙個元素

注意:兩個與那蘇之間不能插入其他元素;v-else不需要屬性值

控制多個元素多選一,

用v-else-if

《元素1 v-if="條件1">

《元素2 v-else-if="條件2">

...

《元素n v-else>

從上向下一次判斷每個v-if或v-else-if後的條件。

只要條件不滿足就刪除該元素

只有滿足條件的元素才會保留下來用於顯示。

注意:1. 多個元素之間不能插入其他元素

2. v-else不需要屬性值

ARM CORTEX 3指令小結

r0 r12 通用暫存器,thumb模式一般只能使用r0 r7 r13為棧指標暫存器 msp,psp r14為連線暫存器lr 用來儲存程式返回位址 特殊功能暫存器 xpsr process status register 程式狀態暫存器 b label 跳轉到label代表的位址 bx reg 跳轉...

Vue基本使用二 指令

指令 directives 是帶有 v 字首的特殊屬性 用來設定當前元素的文字內容。相當於 innertext 的功能 v text msg 預設的文字內容h1 v html msg 預設的文字內容h1 v bind title msg v bind zhidingyi xm 預設的文字內容h1 t...

VUE學習筆記(一) 指令

一丶指令 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 fo...