v-bind给src和href赋值

用v-bind给src和href赋值其实很简单,即 v-bind:属性名="name",其中name就是data里json数据的键值,其简写形式为 :属性名="name"。

示例

 
        link        
        link1        
        link2        
        啦啦啦        
           
       
var ve2 = new Vue({      el: '#app',      data: {          link: "linkyou.html",          link1: "https//www.baidu.com",          link2: "www.baidu.com",          img: '8.jpg'      }  })  

v-bind:src无效问题

vue中v-bind:src,图片无法正常显示

自己没事敲点代码,准备激发激发灵感,做一个好项目,顺便复习下vue, 发现当我在data中模拟json数据的时候,图片链接在页面上无法正常显示

用了各种方法,都无法正常使用,最后上网才发现是需要引入的问题。

附上代码

// template    // script  data () {      return {          // 注:引入之后,相对路径及绝对路径均可以使用        imgLink: require("../../assets/img/home/recommend_bg.jpg")        }  },