Vue 用 v-bind 给 src 和 href 赋值
用v-bind
给src
和href
赋值其实很简单,即 v-bind:属性名="name"
,其中name
就是data
里json
数据的键值,其简写形式为 :属性名="name"
。
示例:
<div id="app">
<a v-bind:href="link">link</a>
<hr>
<a v-bind:href="link1">link1</a>
<hr>
<a v-bind:href="link2">link2</a>
<hr>
<a href="linkyou.html">啦啦啦</a>
<hr>
<img :src="img" alt="">
</div>
<script src="vue.js"></script>
<script src="base.js"></script>
var ve2 = new Vue({
el: '#app',
data: {
link: "linkyou.html",
link1: "https//www.baidu.com",
link2: "www.baidu.com",
img: '8.jpg'
}
})