Vue.js核心:数据的双向绑定

用一个简单的例子展示Vue.js的核心功能:数据的双向绑定;代码如下:

<body>
<div id="app">
    <input type="text" v-model="name" placeholder="你的名字">
    <h1>你好,{{name}}</h1>
</div>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script>
    var app = new Vue({
        el:'#app',
        data:{
            name:''
        }
    })
</script>
</body>

效果图如下:

猜你喜欢

转载自blog.csdn.net/The_upside_of_down/article/details/82917540
今日推荐