0
点赞
收藏
分享

微信扫一扫

vue双向绑定(模型变化,视图变化,反之亦然)

<body>
<div id="app">
<input type="text" v-model="num"/>
<h1>{{name}},你真的强,有{{num}}个人为他点赞。</h1>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
let vm = new Vue({
el: "#app",
data: {
name: "卡卡罗特",
num: 1
}
});
</script>
</body>

vue双向绑定(模型变化,视图变化,反之亦然)_事件处理

在输入框中输入任意数字,人数也在相应变化;

vue双向绑定(模型变化,视图变化,反之亦然)_事件处理_02

这就是双向绑定;

事件处理

点击点赞,输入框和人数同时在变化;

vue双向绑定(模型变化,视图变化,反之亦然)_双向绑定_03

vue双向绑定(模型变化,视图变化,反之亦然)_双向绑定_04




举报

相关推荐

0 条评论