Vue之v-model的使用

产品迪

于 2021-02-07 16:20:47 发布

阅读量90

点赞数 1

分类专栏：前端文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_46054543/article/details/113743061

版权

前端专栏收录该内容

68 篇文章

订阅专栏

案例：

先看效果图：
在这里插入图片描述

核心代码如下：

<body>
<div id="app">
    <input type="text" v-model="message">
    <h2>{{message}}</h2>
</div>
<script src="../Vue_js/vue.js"></script>
<script>
    const app = new Vue ({
        el: '#app',
        data: {
            message: 'v-model的使用',
        },
        methods: {

        },
    })
</script>
</body>