一起学vue指令之v-bind

一起学 vue指令 v-bind

网页的图片url地址并不是固定写死的，如果写死，每一个活动就改一次图片的url,一个网页有多少张图片，工作量多大？

通常来说，客户端向服务器发送请求，服务器返回url数据到vue实例的data数据中，由于url动态绑定了vue实例的data，所以会实时更新图片.无需我们手工更改，并且不会出错。

有的同学说，直接用插值语法不就行了？

插值语法【mustache】{{}}仅用于标签的内容值【即下图的<h2>标签包裹的值】，无法作用于标签属性。

如果强行给属性进行插值赋值，那么属性值就是该插值的字符串

如果强行给属性进行插值赋值，那么属性值就是该插值的字符串。

此时需要v-bind指令，使用该指令后，字符串url不再是一个字符串，而是一个变量。src将获得该变量的值

使用v-bind

巴特西