使用v-model时输入文本为空（更新表单）

Question

这里对vuejs很新。我需要在更新表单（刀片laravel）中为文本输入进行ajax调用（键向上事件），但是在表单中输入为空。

我的问题是：当表单加载到vue数据实例（sn）时，如何从刀片模板发送输入值？

目的是提醒用户该数据库中是否已存在该值（suite_number）。

提前致谢!!!

我的刀片模板：

{!! Form::text('suite_number', null, ['class' => 'form-control', 'id' =>   'suiteNumberLookup', 'v-on:keyup' => 'getSuiteNumber(suite_number, $event)', 'v-model' => 'sn']) !!}

我的Vuejs：

new Vue({
el: '#suiteNumberLookup',
data:
  {
      sn: 'What should I set here to get the data that\'s loaded in the form?'
},
methods: {
    getSuiteNumber(d) {
        this.$http.get('/admin/tenantAjax/getSuiteNumberAjax/' + d).then((response) => {
            // success callback
            //this.tenant = response.data;
            if(response.data){
                this.loaded = true;
            }
            console.log(response.data);
        }, (response) => {
            this.error = response.body;
            this.loadErrorMsg = true;
        });
    }