应无所住,而生其心
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue.js 双向绑定简单例子

4176人阅读 2018/9/28 10:11 总访问:4813665 评论:0 收藏:0 手机
分类: 前端

经典的一个vue.js双向绑定小例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>TNBLOG</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <p>{{ message }}</p>
        <input v-model="message">
    </div>

    <script>
        var vue = new Vue({
            el: '#app',
            data: {
                message: 'Hello TNBLOG!'
            }
        })
    </script>
</body>
</html>

效果如下:


欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价