ginのコントローラーにて設定されたinputのvalueをvue.jsの初期値にしたい

Question

ginにてHTMLのvalue値を設定しその値を初期値にしたい

現在。GoやVueの学習をしています。
その中で、以下のコードを実現したいのですが、実装方法の検討が付きません。
ginにて設定されたvalueをvueのv-modelに連携させる方法をご教授いただけないでしょうか。

	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.4/dist/vuelidate.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.4/dist/validators.min.js"></script>
<div id="test">
 <input type="text" class="textbox" name="Email" id="email" v-model="useremail" value={{.useremail}}>
</div>

var useremail string = "[e-mail]"
c.HTML(http.StatusOK, "test.html", gin.H{"useremail": useremail})

userEdit = new Vue({
    el: "#test",
    data: {
      useremail: "" ←ここにGinからの値を渡したい
},validations: {
      useremail: {
        required: validators.required,
        email: validators.email
      },
 });

ブラウザから指定のURLを実行するとGoのコードが実行されtest.htmlがユーザのブラウザに表示されます。
Vueの方では入力チェックを行おうとしています。

Answer 1

javascriptを下記のようにして対応しました。

userEdit = new Vue({
    el: "#test",
    data: {
      useremail: document.getElementById('email').value
},validations: {
      useremail: {
        required: validators.required,
        email: validators.email
      },
 });

もっといい方法ご存知の方ご回答お待ちしております。