1 つの記事で v-model とその修飾子を学ぶ

<div class="app">
	<input type="text" v-model="名前">
	{{名前}}
</div>

var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		名前:「アリス」
	}
});

<div class="app">
    <input type="text" v-model.lazy="名前">
    {{名前}}
</div>

<div class="app">
    <input type="text" v-model.trim="名前">
    {{名前}}
</div>

<div class="app">
    <input type="text" v-model.number="年齢">
    {{年}}
</div>

<div class="app">
	<ラベル>
		男性 <input type="radio" v-model="sex" value="male">
	</ラベル>
	<ラベル>
		女性 <input type="radio" v-model="sex" value="famale">
	</ラベル>
	{{性別}}
</div>

//メイン.js
var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		性別:''、
	}
});

<div class="app">
	あなたは男性が好きですか、それとも女性が好きですか:<br>
	<ラベル>
		男性 <input type="checkbox" v-model="sex" value="male">
	</ラベル>
	<ラベル>
		女性 <input type="checkbox" v-model="sex" value="famale">
	</label><br>
	{{性別}}
</div>

var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		性別:['男性'],
	}
});

<div class="app">
	<textarea v-model="article"></textarea>
</div>

var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		記事:`コードがたくさんあります。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 `、
	}
});

<div class="app">
	<div>どこから来ましたか? </div>
	<v-model から ' を選択 >
		<option value="1">広州</option>
		<option value="2">北京</option>
	</選択>
</div>

var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		から:'1'、
	}
});

<div class="app">
	<div>どこに行きたいですか? </div>
	<v-model='from' を複数選択>
		<option value="1">広州</option>
		<option value="2">北京</option>
		<option value="4">上海</option>
		<option value="5">成都</option>
	</選択>
</div>

var アプリ = 新しい Vue({
	el:'.app',
	データ：{
		から:['1','2'],
	}
});