v-modle意思是在表單控制元件或者元件上建立雙向繫結，比如輸入框

<div>
    <input v-model="uname" />
    <input v-model="pwd" />
</div>

<script>
    var app = new Vue({
        data() {
            return {
                uname: '',
                pwd: ''
            }
        }
    })
</script>
 

更通俗的說法就是，在輸入框使用了 v-model 指令，並且在 data 裡面寫相應的值，只要我在輸入框輸入了東西，vue 會立馬把這些值給同時放在 data 裡面。

v-mode 官方文件地址:https://cn.vuejs.org/v2/api/#v-model

v-bind 的意思是繫結一個或多個 attribute，比如：

<div v-bind:class="demo" v-bind:style="{height: 100 + 'px'}">
    <img v-bind:src="url" />

    <script>
        var app = new Vue({
            data() {
                return {
                    url: 'http://localhost/img/gurasssss.jpg'
                }
            }
        })
    </script>
</div>
 

更通俗的說法是，v-bind 綁定了標籤的屬性，如果 data 的值變化了，那麼相應地被綁的的標籤的屬性值也會變化。

v-bind 官方文件地址:https://cn.vuejs.org/v2/api/#v-bind