vue学习笔记2、v-model实现表单元素的数据双向绑定

v-bind只是单向绑定

v-model双向绑定,只要这里面任意一个地方的值变了,其余地方都会变
v-model只适用于表单元素中

<body>
    <div id="app">
        <p>{{msg}}</p>
        <input type="text" v-model="msg" style="width:50%">
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var vue=new Vue({
        el: "#app",
        data: {
            msg: "张毅大帅逼!"
        },
    })
</script>

猜你喜欢

转载自blog.csdn.net/qq_39648029/article/details/103031712