v-bind 主要用于属性绑定
v-bind指令可以在其名称后面带一个参数。中间是一个冒号隔开。例如比较常用的是v-bind:class。
由于比较常用,所以有缩写的用法:
缩写的语法:
<a :href="link">To BaiDu</a>
完整的语法:
<a v-bind:href="link">To BaiDu</a>
- JS代码:
<script>
export default {
name: 'app',
data(){
return{
link: 'http://www.baidu.com'
}
}
}
</script>
结果就是截图中所示。