vue教程1-01 v-model 一般表单元素(input) 双向数据绑定 

vue教程1-01   
v-model 一般表单元素(input) 双向数据绑定
el:'#box',//这里放的是选择器。
不然会不生效
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',//这里放的是选择器
                data:{
                    msg:'welcome vue'
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <input type="text" v-model="msg">
        <br>
        {{msg}}
    </div>
</body>
</html>

 

posted on 2017-04-25 10:01  白杨-M  阅读(1089)  评论(0)  编辑  收藏  举报

导航