vue基础学习指令 v-bind

v-bind指令的作用是:为元素绑定属性完整写法是

v-bind:属性名
简写的话可以直接省略v-bind,只保留:属性名

vue.js中【v-bind】是用于绑定一个多多个属性值

在html中我们用v-bind:src=”imgSrc”的动态绑定了src的值，

这个值是在vue构造器里的data属性中找到的。v-bind:属性名=表达式

<div id="app">
<img v-bind:src= "imgSrc" ></div>

var app=new Vue({
    el:'#app',
    data:{
          imgSrc:'http://baidu.com/wp-content/uploads/2017/02/vue01-2.jpg'
     }
})