Vue系列 四 之常用指令v bind

自定義元件prop

為了避免篇幅過長，常用指令我可能會分幾個篇幅來介紹。

縮寫：:

v-bind指令主要是繫結元素的屬性(比如的src，元素的class，style，id等)和自定義元件(後面會講到)的prop。

來看幾個常見的使用場景：

>

"path"
>
<
/div>
var vm =
newvue(}
).$mount()
;<
/script>執行檢查，的src已經是我們定義的path值了：
繫結樣式的使用場景，通常樣式是需要動態設定的。
比如需要根據介面返回的乙個字段，來設定乙個按鈕是藍色的(正常可點的)，還是置灰的(不可點狀態)。
style檔案：
.btn 
.active 
.unactive

data:

}

支援三目運算子

="btn"

:class
="isactive?'active':''"
>字串<
/div>
="btn"
:style =
"activestyle"
>字串<
/div>值是物件
="btn"
:class=""
>物件<
/div>
="btn"
:style=
"">物件<
/div>值是陣列
class
="['btn','active']"
>陣列<
/div>
class
="['btn',]"
>置灰<
/div>
="btn"
:style=
"[activestyle,redcolor]"
>陣列<
/div>執行效果：
自定義元件prop

vue之常用指令

1 mustache 插槽指令即 比如 支援字串，表示式和方法等。2 v once 該指令使用後表示元素或者元件只渲染一次，不會隨資料改變而改變。比如 3 v html 該指令可以解析html 並渲染，該指令後面往往跟上乙個string型別資料，比如其中url是html標籤片段。4 v text 指...

vue 高階系列之指令

vue裡面有一些預設的指令,如v show,v if,v model 除了這些之外，我們還可以自定義指令來對純 dom 元素進行底層操。因為vue裡面沒有提供其他的操作dom的api,所以對dom操作的時候，可以選擇用指令的形式，特別是在v for資料迴圈的時候需要對dom進行一些操作時，用指令可以...

AngularJS系列之常用指令

angularjs 指令是擴充套件的 html 屬性，帶有字首 ng 指令初始化乙個 angularjs 應用程式。ng init指令初始化應用程式資料。ng model指令把元素值 比如輸入域的值 繫結到應用程式。下面給乙個例子綜合的介紹一下這三個指令的用法 姓名 你輸入的為 執行這個程式你會發現...