一個學Vue+elementui的好地方
阿新 • • 發佈:2018-12-22
因為最近要用到Vue+ElementUi,上網搜了很多的資料,終於發現了一個網站,講的特別好,適合有Anjularjs基礎的同學,非常的詳細。
地址:http://www.runoob.com/vue2/vue-loop.html
自己的一些感悟,其中一點是:因為我實用anjulars的一個定向思維,{{值}},這個雙大括號,可以在任何控制元件裡寫都可以取到值,但是Elements中,雙大括號只能在表單中使用,但是在Element中如果要在非表單控制元件中使用的繫結的話可以使用v-bind,它的簡寫方式為 : 即 v-bind:item.id 簡寫 :item.id
Mustache (雙大括號寫法)不能在 HTML 屬性中使用,應使用 v-bind 指令:
<div v-bind:id="dynamicId"></div>
這對布林值的屬性也有效 —— 如果條件被求值為 false 的話該屬性會被移除:
<button v-bind:disabled="someDynamicCondition">Button</button>
1:v-bind動態繫結指令,預設情況下標籤自帶屬性的值是固定的,在為了能夠動態的給這些屬性新增值,可以使用v-bind:你要動態變化的值=”表示式”
2:v-bind用於繫結屬性和資料 ,其縮寫為“ : ” 也就是v-bind:id === :id
3:v-model用在表單控制元件上的,用於實現雙向資料繫結,所以如果你用在除了表單控制元件以外的標籤是沒有任何效果的。