springboot+mybatis+vue(三)，通过axios实现curd

springboot+mybatis+vue(一)，创建项目
springboot+mybatis+vue(二)，实现接口
springboot+mybatis+vue(三)，通过axios实现curd

生成vue项目,安装axios

vue inti webpack vue05
cd vue05
cnpm install 
cnpm install axios --save

目录结构

修改路由router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/Index'
import Add from '@/components/add'
import Edit from '@/components/edit'

Vue.use(Router)

export default new Router({
    routes: [{
            path: '/',
            name: 'Index',
            component: Index
        },
        {
            path: '/add',
            name: 'Add',
            component: Add
        },
        {
            path: '/edit',
            name: 'Edit',
            component: Edit
        }
    ]
})

查询和删除index.vue

增加add.vue

编辑edit.vue