zoukankan      html  css  js  c++  java
  • 一起学vue指令之v-bind

    一起学vue指令之v-bind

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

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

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

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

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

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

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

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

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

    使用v-bind
    使用v-bind

  • 相关阅读:
    20181126-java-面试知识-收集
    redis学习
    ThoughtWorks.QRCode类库
    Microsoft Enterprise Library
    DocX插件
    Aspose 插件
    工厂示例
    面向对象
    WebSocket 是什么原理?为什么可以实现持久连接?
    label标签的作用
  • 原文地址:https://www.cnblogs.com/singledogpro/p/12044532.html
Copyright © 2011-2022 走看看