Vue.js基本使用之双向绑定

• Vue.js基本使用

  使用时需要jquery文件和vue文件

  双向绑定,

 Mvc:

• mvvm模式:

model:模型

v:view视图   {{msg}}

vm:  view-model(视图和模型双向绑定)

代码如下：

<script src="~/js/jquery-1.10.1.min.js"></script>
<script src="~/js/vue2.2.4.js"></script>

<script>
    $(function () {
        //实例化一个Vue
        var vu = new Vue({
            el: '#Vuejichu',
            data: {
                tent: '这是Vue连接的文本'
            }
        });
    });

</script>

<h2>Vue基础</h2>
<div id="Vuejichu">
    <p>{{tent}}</p>

    <input type="text" v-model="tent" />
</div>

效果图：

下面的文本高兴上面的文字也会随着更新