Vue学习之vue属性绑定和双向数据绑定

Posted twodoge

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue学习之vue属性绑定和双向数据绑定相关的知识,希望对你有一定的参考价值。

···
<!DOCTYPE html>





vue


<!-- vue中的属性绑定和双向数据绑定
    属性绑定:
    v-bind:title="title" 或 :title="title"

    双向数据绑定:
    v-model
 -->

<div id="root">
    <div :title="title">hi man</div>
    <input v-model="content" />
    <div>{{content}}</div>
</div>

<script>
    new Vue({
        el:"#root",
        data:{
            title: "this is a dog",
            content:"this is a content"
        }
    })
</script>

···

以上是关于Vue学习之vue属性绑定和双向数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

Vue学习之从入门到神经(万字长文 建议收藏)

vue的双向数据绑定实现原理(简单)

[Vue源码]一起来学Vue双向绑定原理-数据劫持和发布订阅

1.3 Vue属性绑定和双向数据绑定

vue数据双向绑定原理

Vue的双向数据绑定原理