Vue.js 単純なv-modelの例

<div id="app">
     <input type="text" v-model="score">
     <p>{{score}}</p>
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            score: 990,
        }
    }); 
</script>

HTMLに動きを付けるVue.js

app.data = 990なので、pタグ内には990が表示される。(下り(通常))

しかし、inputタグにv-modelが設定されているため、

inputタグに入れた値が上まで上がり、app.data = ? に代入される。(上り)

他にも、v-bindや、v-onなどで、HTMLタグからVue.jsへの上向きの干渉ができる。