Vue学习日记--叁

V-model

v-model="msg"可以将元素的值与msg绑定。
下面的例子是将msg的值与输入框绑定。

    <div id="app">
        {
    
    {
    
    msg}}
    </div>
    <script type="text/javascript" src="vue.js"></script>
    <script type="text/javascript">
        new Vue({
    
    
           el:"#app",
            data:function(){
    
    
                return {
    
    msg:'Hello world '};
            },
            template:'<div>' +
            '<p>{
    
    {msg}}</p>' +
            '<input type="text" v-model="msg"/>' +//将输入框中的值与msg绑定，输入框中的值改变时msg也会改变。
            '</div>',
        });
    </script>

效果如下：

在输入框中输入时如下：