<div id="app">
<div>
<img v-bind:src="imgUrl" >
没有简化的
</div>
<div>
<img :src="headUrl" >
简化后的
</div>
<div>
<a v-bind:href="url">去购物</a>
</div>
<div>
<a :href="urlDetail" :title="name" > title是规定元素的工具提示文本（tooltip text） 去学习</a>
</div>
</div>
<script>
new Vue({
el:‘#app‘,
data:{//实际上写项目的时候 这个data赋值的内容 大都来自于接口（动态的）
imgUrl:‘http://img4.imgtn.bdimg.com/it/u=3599075280,1682155658&fm=11&gp=0.jpg‘,
headUrl:‘http://img1.imgtn.bdimg.com/it/u=1847821041,2132076028&fm=11&gp=0.jpg‘,
url:‘http://www.jd.com‘,
urlDetail:‘http://xue.ujiuye.com‘,
name:‘穿云箭‘
}
})
</script>
