vue中绑定表单提交

1，比较

原来的jquery需要操作demo去获取表单中的值放在data中，然后通过ajax请求传给后台

vue框架中的数据，不再需要操作demo，通过v-model-------(双向数据绑定),自动收集数据

view：

<div id= "demo"> 
  <form >
    <!-- text输入框 -->
    <span>姓名</span>
    <input type="text" v-model= "msg">
    <br>
    <!-- 密码输入框 -->
    <span>密码</span>
    <input type="password" v-model= "paw">
    <br>
    <!-- 单选框 -->
    <span>性别</span>
    <input type="radio" value="男" v-model= "sex">
    男
    <input type="radio" value="女" v-model= "sex">
    女
    <br>
     <!-- 复选框 -->
    <span>兴趣</span>
    <input type="checkbox" value="foot" v-model= "likes">
    足球
    <