语法 - 绑定属性 - v-bind:xxx - 单向绑定

v-bind数据只能从data流向页面。

<div id="app">
    <img v-bind src="imgSre">
    <img v-bind:title="imgtitle+'!!!">
    <img v-bind:class="isActive?'active'">
    <img v-bind:class="{active:isActive}">
</div>

可以省略v-bind

<div id="app">
    <img :src="imgSre">
    <img :title="imgtitle+'!!!">
    <img :class="isActive?'active'">
    <img :class="{active:isActive}">
</div>

script

var myVue = new Vue({
    el:'#app',
    data:{
        imgSre: "imgSre"
    }
})