Vue指令之v-bind篇

v-bind指令，bind中文意思是捆绑的意思，额，捆绑。。。

其绑定的参数在v-bind:指令中的maohao（冒号）后指明，没错就是我标红的那个冒号

v-bind指令被用来响应地更新HTML属性。

扯了这么多，还不如举个例子:

小二，上代码：

​








    
是强大的连接啊
 //v-bind为a标签添加了href属性,属性值为data中的url值

    




​

输出：

点击链接就会跳到baidu首页，在Google浏览器上按F12，我们来看看

我们发现，

是强大的连接啊

在提交后的href为data中的URL中的值，所以说v-bind:href具体的作用就是给标签加了href属性，该属性的值为data中的url对应的值，正如开始所说的v-bind绑定的参数在v-bind:指令中的maohao（冒号）后指明，此处的冒号后为href，这样就实现了更加灵活的绑定方式。

通过v-bind指令，我们可以为一个标签动态的添加属性，将属性名和属性值在Vue中定义好，

<标签名   v-bind:待添加的属性="Vue中定义好的属性名">

注意，待添加的属性必须是该标签必须拥有的属性，不能瞎绑，想绑什么就绑什么，那世界不乱套了。。。

v-bind缩写 （v-bind: 等价于：）
v-bind:href="url">…  //完整写法
:href="url">…  //缩写

这就是v-bind的用法，嘿嘿嘿！！！！

原创不易，转载请注明这个哦：https://blog.csdn.net/Kermit_father