v-bing指令

特点: 

  只能用来连接网站图片,不能使用img文件夹来添加图片
        
        如果想通过布尔值控制一些显隐则“:class="变量名?'active'+' '"” @click="变换数值的方法"
        简写形式 :class="{active:变量名}" @click="变换数值的方法“
例如:
<div id="app">
        <img v-bind:src="imgAddress" alt="">
        <br>
        <img :src="imgSrc" alt="" :title="imgText">
    </div>
    <script>
        var app = new Vue({
        el:"#app",
        data:{
            imgAddress:"https://img2.baidu.com/it/u=2105446738,2493267053&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800",
            imgSrc:"https://img0.baidu.com/it/u=2897227376,4164167746&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
            imgText:"网站图片",
            
        },
        
    })
    </script>

  其中”:title“可以代替“title”标签的作用。

 

posted @ 2024-07-12 20:32  昏睡的云雪  阅读(1)  评论(0编辑  收藏  举报