vue双向绑定（模型变化，视图变化，反之亦然）

时间：2021-04-16 12:11:07 收藏：0 阅读：0

<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>

技术图片
在输入框中输入任意数字，人数也在相应变化；

这就是双向绑定；

事件处理

点击点赞，输入框和人数同时在变化；
技术图片