一个学Vue+elementui的好地方

因为最近要用到Vue+ElementUi,上网搜了很多的资料,终于发现了一个网站,讲的特别好,适合有Anjularjs基础的同学,非常的详细。
地址:http://www.runoob.com/vue2/vue-loop.html

https://blog.csdn.net/u012907049/article/details/72764151

自己的一些感悟,其中一点是:因为我实用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">Buttonbutton>

1:v-bind动态绑定指令,默认情况下标签自带属性的值是固定的,在为了能够动态的给这些属性添加值,可以使用v-bind:你要动态变化的值=”表达式”
2:v-bind用于绑定属性和数据 ,其缩写为“ : ” 也就是v-bind:id === :id
3:v-model用在表单控件上的,用于实现双向数据绑定,所以如果你用在除了表单控件以外的标签是没有任何效果的。

你可能感兴趣的:(ElementUI)