Vue.js v-model で参照

oboe2uran.hatenablog.com

モーダルで表示する input の値を参照するのに、 jQuery で書いてしまったが、
Vue.js としては、v-model で指定した名称で
参照するのが正しいのだろう。。

モーダルの中で書いた、input　に、v-model で参照キーを指定⇒ "uname"

<input type="text" name="userName" id="userName" v-model="uname"  class="col-3 form-control">

Vue.js の方は、data{ } でこの v-model のキーで、input の value を指定し、
参照は、this.{参照キー} で参照する。

var app = new Vue({
  el: '#sample',
  data:{
    uname: ""
  },
  methods: {
    modalSubmit: function(v){
      console.log( this.uname );
      //console.log( $('#userName').val() );
    }
  }
});