vue-resource得到表格当前行的数据并向后台发送ajax请求（小白整理~）

环境：springboot，vue，vue-resource（cdn方式）

引入相关文件:

 <!-- 这里是本地引入css -->
 <link rel="stylesheet"  href="/css/style.css"  type="text/css">

     <!-- 引入element-ui 要注意引入的顺序  线上引入~ -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!-- 引入vue-resource -->
    <script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.js"></script>
    <!--element-ui-->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

先写好表格框子

<!--添加事项 -->
 <div>
        <span>事项名字</span>
        <input type="text" v-model="listBean.name"><br/>
        <span>待办事项内容</span>
        <textarea rows="8" cols="40" v-model="listBean.content"></textarea>
        <button type="submit"  @click=insertList() >确定</button>
    </div>
    <!--v-model="listBean.name",代表此输入框与下面listBean  json串中的name值绑定