用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' } }) vue中v-bind:src，图片无法正常显示
自己没事敲点代码，准备激发激发灵感，做一个好项目，顺便复习下vue, 发现当我在data中模拟json数据的时候，图片链接在页面上无法正常显示
用了各种方法，都无法正常使用，最后上网才发现是需要引入的问题。
// template <img :src="imgLink" alt=""> // script data () { return { // 注：引入之后，相对路径及绝对路径均可以使用 imgLink: require("../../assets/img/home/recommend_bg.jpg") } },