苍穹外卖的vue开发

前端的环境搭建

技术选型

熟悉目录结构

如何梳理代码

以登录功能进行示例

先看前端页面

这个路径一定是对应了一个对应的路由，这个路由一定对应了某个组件

找到登录的方法

这个方法在store中，是异步方法

store中有一个actions方法

对应的是login的api请求

request是我们单独封装的请求方法

在工具中供大家统一使用

请求拦截器

响应拦截器

暴露出去

小结

员工页面

<template>
  <div class="dashboard-container">
    <div class="container">
        <div class="tableBar">
          <label style="margin-right: 5px">
            员工姓名:
          </label>
          <el-input  placeholder="请输入员工姓名" style="width: 15%"> </el-input>
          <el-button type="primary" icon="el-icon-search" style="margin-left: 10px">查询</el-button>
          <el-button type="primary" icon="el-icon-plus" style="margin-right: 10px;float: right">添加员工</el-button>
        </div>
    </div>

  

原文地址：https://blog.csdn.net/qq_40603125/article/details/143484594

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！