11 - Vue 学习笔记 - input 中的值绑定、v-model 修饰符

值绑定

很多情况下，我们的数据并不是写死的，它有可能是从服务器获取，获取过来再动态生成这些数据。

我们也可以借助一个 v-for 完成 input 的值绑定

<div id="app">
	<!-- 值绑定	-->
	<!-- :for 动态绑定 label 标签的 for 属性 -->
	<label v-for="hobby in originHobbies" :for="hobby">
		<input type="checkbox" :value="hobby" :id="hobby" v-model="hobbies">{
  {hobby}}
	</label>
	<h2>您的爱好是：{
  {hobbies}}</h2>
</div>

<script src="../js/vue.js"></script>
<script