值绑定
- 初看Vue官方值绑定的时候，我很疑惑：what the hell is that？
- 但是仔细阅读之后，发现很简单，就是动态的给value赋值而已：
- 我们前面的value中的值，可以回头去看一下，都是在定义input的时候直接给定的。
- 但是真实开发中，这些input的值可能是从网络获取或定义在data中的
- 所以我们可以通过v-bind:value动态的给value绑定值
- 这不就是v-bind吗？
- 这不就是v-bind在input中的应用吗？搞的我看了很久，搞不清他想讲什么
- 这里不再给出对应的代码，因为会用v-bind，就会值绑定的应用了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<label v-for="item in originHobbies" :for="item">
<input type="checkbox" :value="item" v-model="hobbies">{{item}}
</label>
<h2>您的爱好是：{{hobbies}}</h2>
</div>
<script src="../vue.js"></script>
<script>
const app = new Vue({
el:"#app",
data:{
message:"hello world",
hobbies:[],
originHobbies:["篮球","足球","乒乓","游泳"]
}
})
</script>
</body>
</html>
- 效果如图所示
