【Vue.js】inputタイプの中身をあらかじめ指定したい

<div id="app">
    <form>
        <!--テキストエリアのv-modelにdataを紐付け-->
        <lavel for="name" ></lavel>
        <textarea id="name" v-model="myName"></textarea>
        <!--textarea出力-->
        <div>{{myName}}</div>
        <!--ラジオボタンはvalueとdataを紐付け-->
        <lavel for="性別">性別</lavel>
        <input type="radio" v-model="gender" value="男性">
        <input type="radio" v-model="gender" value="女性">
        <input type="radio" v-model="gender" value="その他">
        <br>
        <!--単一チェックボックスはdataがtrueかどうかでオンオフ切り替え-->
        <lavel for="check">チェック</lavel>
        <input id="check" type="checkbox" v-model="check">
        <br>
        <!--複数チェックボックスはvalueとdataの紐付けでオンオフ切り替え-->
        <lavel for="place">出身</lavel>
        <input id="place" type="checkbox" v-model="place" value="近畿">
        <input type="checkbox" v-model="place" value="関東">
        <input type="checkbox" v-model="place" value="九州">
        <br>
        <!--セレクトはoptionの中身とdataを紐付ける-->
        <lavel for="langage">言語</lavel>
        <select id="langage" multiple v-model="langage">
            <option>日本語</option>
            <option>英語</option>
            <option>中国語</option>
        </select>
    </form>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="template.js" charset="utf-8"></script>
</div>

var app = new Vue({
    el: '#app',
        data:{
            myName:'',
            gender:'男性',
            check: true,
            place: ['近畿','九州'],
            langage:['日本語','英語']
        }
});

参考

参考

速習Vue.js 速習シリーズ 山田祥寛