单项数据绑定
- 语法：v-bind:href="XXx"或简写为：href
- 特点：数据只能从data流向页面
<body>
<div id="root">
<h1>单项数据绑定</h1>
<input v-bind:value="name">
<input :value="name">
<br>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;
new Vue({
el: "#root",
data: {
name : "dylan"
}
});
</script>
</body>
双向数据绑定
-
语法：v-mode:value=“xxx” 或简写为 v-model=“xxx”
-
特点：数据不仅能从 data 流向页面，还能从页面流向 data
<body>
<div id="root">
<h1>双向数据绑定</h1>
<!-- v-model 用于表单类元素 -->
<input v-model:value="name">
<input v-model="name">
<br>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;
new Vue({
el: "#root",
data: {
name : "dylan"
}
});
</script>
</body>
525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
