剑轩

vue.js 双向绑定简单例子

电脑版发表于:2018/9/28 10:11

经典的一个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>

效果如下:


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢