issue of binding v-model with $value

[fouber]

the code:

<div id="test"></div>
<script type="x-template" id="tpl">
  <div v-repeat="obj">
    <label>{{$key}}: {{$value}}</label>
    <input type="text" v-model="$value"/>
  </div>
  <button v-on="click: onTest">alert(foo)</button>
</script>
<script>
  new Vue({
    template: '#tpl',
    el: '#test',
    data: {
      obj: {
        foo: 'test'
      }
    },
    methods: {
      onTest: function(){
        console.log(this.obj.foo);  // nothing changed, why?
      }
    }
  });
</script>

jsbin: http://jsbin.com/gubadejonu/1/

[fouber]

good job!