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>

image
在输入框中输入任意数字,人数也在相应变化;
image
这就是双向绑定;

事件处理

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

posted @ 2021-04-15 22:12  卡卡罗特琪琪  阅读(78)  评论(0编辑  收藏  举报