动态绑定属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<img v-bind:src="imgURL">
<a v-bind:href="url">百度一下</a>
<!--缩写-->
<img :src="imgURL">
<a :href="url">百度一下</a>
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message: '你好!',
imgURL: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
url:'http://www.baidu.com'
}
})
</script>
</body>
</html>