デフォルトのフォーム値をvueオブジェクトに読み込む方法は？ここ

Question

は私の埋め込まれたコードです：

HTML：

<div id="user-panel"> 
    <div class="text-center"> 
     {{ fillItem }} 
    </div>  

      <form method="POST" action="http://site5/user_account/experiences/17" accept-charset="UTF-8" v-on:submit.prevent="updateItem(17)"> 

      <input name="_method" type="hidden" value="PATCH"> 
      <!-- Employer Field --> 
      <div class="form-group col-sm-6"> 
       <label for="employer">Employer:</label> 
       <input class="form-control" v-model="fillItem.employer" name="employer" type="text" value="Some Emplyer" id="employer"> 
      </div> 

      <!-- Designation Field --> 
      <div class="form-group col-sm-6"> 
       <label for="designation">Designation:</label> 
       <input class="form-control" v-model="fillItem.designation" name="designation" type="text"  value="some designation" id="designation"> 
      </div> 
      <!-- Submit Field --> 
      <div class="form-group col-sm-12"> 
       <input class="btn btn-primary" type="submit" value="Save"> 
      </div> 
      </form> 
</div> 

Javascriptを：

<div id="user-panel"> 
    <div class="text-center"> 
     {{ fillItem }} 
    </div>  

      <form method="POST" action="http://site5/user_account/experiences/17" accept-charset="UTF-8" v-on:submit.prevent="updateItem(17)"> 

      <input name="_method" type="hidden" value="PATCH"> 
      <!-- Employer Field --> 
      <div class="form-group col-sm-6"> 
       <label for="employer">Employer:</label> 
       <input class="form-control" v-model="fillItem.employer" name="employer" type="text" value="Some Emplyer" id="employer"> 
      </div> 

      <!-- Designation Field --> 
      <div class="form-group col-sm-6"> 
       <label for="designation">Designation:</label> 
       <input class="form-control" v-model="fillItem.designation" name="designation" type="text"  value="some designation" id="designation"> 
      </div> 
      <!-- Submit Field --> 
      <div class="form-group col-sm-12"> 
       <input class="btn btn-primary" type="submit" value="Save"> 
      </div> 
      </form> 
</div> 

ここでは、そのためのjsfiddleです。

私が達成したいのは、デフォルトのフォームフィールド値をvueオブジェクトに読み込むことです。

フォームフィールドには既定値がありますが、vueを指定すると空白になります。 vueでデフォルトのフォーム値を読み込むにはどうすればよいですか？値は動的になり、Javascriptコードはspecial.jsファイルに配置されるため、値を直接vueオブジェクトに埋め込むことはできません。 Docでv-modelについての説明があり

Answer 1

：

<input v-model='something'>

は

<input :value='something' @input="value => { something = value }">

ので

あなたが入力した値を代入した後、Vueの値をリセットするための単なる糖衣構文であります上記のようなVueインスタンスのデータからの何らかの入力によるものです。これは、入力タグの属性valueによって、デフォルトのフォームフィールド値をVueオブジェクトに渡すことができなかったことを意味します。

初期化では、Vueインスタンスを初期化するときにVueオブジェクトを直接設定するか、またはコールバック関数でVueオブジェクトをデフォルト値に動的に変更することができます。

あなたに少し助けてください。