v-bind 給標(biāo)簽屬性綁定使用
1.v-bind 是將標(biāo)簽屬性和data參數(shù)綁定或者在其中寫一些簡單的js表達(dá)式
2.和v-text,v-html不同它倆是針對標(biāo)簽中的內(nèi)容,v-bind 是針對標(biāo)簽中的屬性,但是這個三個指令和大胡子語法不同歧强,指令都死在標(biāo)簽屬性中定義
3.v-bind的縮寫是冒號:
v-bind 案例
1.簡單的說也就是當(dāng)我們想讓標(biāo)簽中的屬性可以根據(jù)vue綁定的data形成綁定,就可以使用v-bind
2.或者當(dāng)我們想讓這個標(biāo)簽可以通過一些三元表達(dá)式展示一些我們想的到的效果,也可以使用v-bind讓標(biāo)簽中的屬性形成可以運(yùn)行表達(dá)式的效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--導(dǎo)入Vue cdn 的網(wǎng)址-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>
</head>
<body>
<div id="app" >
<a v-bind:href="url" v-bind:title="title">v-bind的縮寫是冒號:</a>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
url:"www.baidu.com",
title:'百度'
}
})
</script>
</body>
</html>