vue ivew（二）指令之v bind

v-bind：簡單的理解就是它將某屬性與乙個變數繫結，這個變數可以在js檔案中修改賦值。

縮寫：:

預期：any (with argument) | object (without argument)

引數：attrorprop (optional)

修飾符：

.prop - 作為乙個 dom property 繫結而不是作為 attribute 繫結。(差別在**？)

.camel - (2.1.0+) 將 kebab-case attribute 名轉換為 camelcase。(從 2.1.0 開始支援)

.sync (2.3.0+) 語法糖，會擴充套件成乙個更新父元件繫結值的 v-on 偵聽器。

用法：動態地繫結乙個或多個 attribute，或乙個元件 prop 到表示式。

在繫結 class 或 style attribute 時，支援其它型別的值，如陣列或物件。

在繫結 prop 時，prop 必須在子元件中宣告。可以用修飾符指定不同的繫結型別。

沒有引數時，可以繫結到乙個包含鍵值對的物件。注意此時 class 和 style 繫結不支援陣列和物件。

例：

"message1"
>
}<
/div>new
vue(})
;"你好vue"
;其它常用的用法示例：
<
!-- 繫結乙個 attribute --
>
"imagesrc"
>
<
!-- 動態 attribute 名
(2.6.0+
)-->
[key]
="value"
>
<
/button>
<
!-- 縮寫 --
>
"imagesrc"
>
<
!-- 動態 attribute 名縮寫
(2.6.0+
)-->
[key]
="value"
>
<
/button>
<
!-- 內聯字串拼接 --
>
"'/path/to/images/' + filename"
>

Vue基本使用二 指令

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

vue系列之二 指令

為了2019年，重新學一遍vue 個人理解，如有錯誤請指出 vue 裡面以 v 開的屬性叫做指令。拿個例項來說引入吧 有乙個文字框，同步顯示並計算輸入字串的長度 v model能夠和 data 資料同步的的乙個指令 v bind 和 v model 的區別在於能夠顯示 data 裡面的值，但是卻不會...

Vue的學習之路二 指令學習

v cloak p v text msg h4 div v text msg2 div v html msg2 div type button value 按鈕 v bind title mytitle 123 type button value 按鈕 title mytitle 123 v on ...