vue项目中api、router、views三大内容如何书写

1.三大内容存放的内容：

api：与后端接口对接
router：路由，点击导航栏，进行内容跳转
views：显示的内容

2.api文件夹

书写增删改查：

import request from '@/utils/request'
// @ 符号在vue.config.js中配置，表示src 路径的别名

export default {
   

  list() {
     //查找所有数据
    return request({
   
      url: '/admin/core/integralGrade/list',
      method: 'get',
    })
  },

  removeById(id) {
     //根据id删除数据
    return request({
   
      url: `/admin/core/integralGrade/delete/${
   id}`,
      method: 'delete',
    })
  },
  save(integralGrade) {
      //保存数据
    return request({
   
      url: '/admin/core/integralGrade/save',
      method: 'post',
      data: integralGrade,
    })
  },

  getById(id) {
      //根据id得到对象
    return request({
   
      url: `/admin/core/integralGrade/get/${
   id}`,
      method: 'get',
    })
  },
  update(integralGrade) {
     //更新数据
    return request({
   
      url