v-bind是屬性綁定指令，可以實現(xiàn)單向數(shù)據(jù)綁定，該指令可以簡寫成英文冒號:,v-bind 所綁定屬性后面的引號內(nèi) 可以寫合法的表達(dá)式。

1.js中代碼

<script>
var vm = new Vue({
            el:'#app',
            data:{
                msg:'hello v-bind',
                msg2:'--ok'
            }
        });
</script>

2.html中的代碼

<div id="app">
    <input type="text" v-bind:value="msg">
</div>

2.1 v-bind簡寫為冒號

<div id="app">
    <input type="text" :value="msg">
</div>

2.2 屬性后面的引號內(nèi)可以寫合法的表達(dá)式

<div id="app">
    <input type="text" :value="msg + 'well'" >
</div>

<div id="app">
    <input type="text" :value="msg + msg2" >
</div>

image.png