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”标签的作用。