07 v-model

Civitasv

于 2020-02-02 22:41:32 发布

阅读量111

点赞数

分类专栏： Vue 文章标签： vue html v-model

本文链接：https://blog.csdn.net/qq_40996400/article/details/104150574

版权

Vue 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

v-model

v-model用于实现数据双向绑定，十分重要！

<html>

<head>
    <meta charset="utf-8">
    </meta>
    <title>v-model</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <h4>{{msg}}</h4>
        <!-- 表单元素进行数据双向绑定,写不写:value都可以 -->
        <input type="text" v-model:value="msg"></input>
    </div>
    <script>
        // vue对象
        var vm = new Vue({
            el: "#app",
            data: {
                msg: "甜梦梦"
            },
            methods: {

            }
        })
    </script>
</body>

</html>