Vue.js基础入门之属性绑定

Vue实例中的属性与html的绑定

vm = new Vue({
     el: "#element"
     data:{
           message: "this is message"
     }
})

使用：
1.插值写法

<div>{{message}}</div>

2.属性绑定

<div v-bind:title="message"></div>  <!---将message绑定到title属性上-->

3.双向绑定

<input v-model = "message"></input>
<div>{{message}}</div>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容