v-bind 给标签属性绑定使用
1.v-bind 是将标签属性和data参数绑定或者在其中写一些简单的js表达式
2.和v-text，v-html不同它俩是针对标签中的内容，v-bind 是针对标签中的属性，但是这个三个指令和大胡子语法不同，指令都死在标签属性中定义
3.v-bind的缩写是冒号:
v-bind 案例
1.简单的说也就是当我们想让标签中的属性可以根据vue绑定的data形成绑定，就可以使用v-bind
2.或者当我们想让这个标签可以通过一些三元表达式展示一些我们想的到的效果，也可以使用v-bind让标签中的属性形成可以运行表达式的效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--导入Vue cdn 的网址-->
<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>
网友评论