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'
    }
})