一、v-model
双向数据绑定，即修改绑定的两方数据，更改任何一方都会使另一方同步修改。
二、实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>v-model</title>
</head>
<body>
<div id="app">
<input type="text" v-model="message" />
{{message}} <!--这里是为了看到双向数据同时修改-->
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el:"#app",
data:{
message:"这里是默认数据"
}
})
</script>
</body>
</html>
三、总结
v-model指令的作用是便捷地设置和获取表单元素的值；
绑定的数据会和表单元素值相关联；
绑定的数据<——> 表单元素的值。
2706
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
