初识vue.js

　　1.引入vue.js

<script type="text/javascript" src="js/vue.js" ></script>

　　2.js获取vue

var box=new Vue({
    el:'.box',              //获取元素  
    data:{                 //所有的数据写在这里
        msg:'hello'   　　　　/*定义并初始化msg值*/
    }
})
                                 

　　3.html标签中输出msg值

<div class="box">
    <input v-model="msg"/>   <!--绑定msg值,当用户改变inp中的值,下面p标签中的值也会跟着改变,双向绑定-->

<p>{{msg}}</p> </div> <!--获取msg值-->

　　4.页面显示