SOURCE

var userinfo = {
	name:"lidiansheng",
    age:"27",
    city:"beijing"
}
new Vue({
    el: '#app',
    data: userinfo,
    methods:{
    	handleSubmit:function(){
        	alert(JSON.stringify(userinfo));
        }
    }
})

<div id="app">  
   <form id="form">
        <dl>
            <dt>个人信息</dt>
            <dd>
                <label>姓名：</label>
                <input type="text" v-model='name'>
            </dd>
            <dd>
                <label>年龄：</label>
                <input type="text" v-model='age'>
            </dd>
            <dd>
                <label>城市：</label>
                <input type="text" v-model='city'>
            </dd>
            <dd>
                <a href="javascript:void(0);" class="btn submit_btn" v-on:click="handleSubmit">提交</a>
            </dd>
        </dl>
    </form>
    <ul>
        <li>username: {{name}}</li>
        <li>age:{{age}}</li>
        <li>city:{{city}}</li>
    </ul>
</div>

form,ul{
    margin:0;
    padding:0;
    color:#333;
}
li{
    list-style-type:dot;
}
dt{
    
}
dd{
    margin:5px 0;
}
.btn{
    text-decoration:none;
    color:white;
    background-color:green;
    text-align:center;
    display:inline-block;
    padding:4px 5px;
    font-family:'Microsoft Yahei';
}
.btn:hover{
    background-color:#065306;
}