Vue 开发流程总结

由于主要做后端开发,对于前端开发不怎么熟悉,在最近学习 vue 后,下载了一个 vue-admin 快速开发框架,框架中把基本需要的组件都集成好了,在实现功能的时候,对相关的页面进行一定的修改就能达到目的。
由此,各个不同业务对应的修改流程是差不多的,这里做一个小的总结。

基本页面确定

业务需要什么页面就对其进行复制,然后在复制后的页面上进行修改。

前后端交互

  1. 页面引用 api 目录下对应的文件,其中定义了前后端交互接口及方式
  2. api 中引用了 request.js 其中定义了前后端交互的服务器地址
  3. 前端对返回的数据进行相应解析

    前端效果控制

    在页面获取相应的数据后,需要进行数据加载,然后页面呈现出相应的效果,同时根据业务的需要进行页面元素修改。

参考自:
https://potoyang.github.io/Vue%E6%95%99%E7%A8%8B/Vue%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B%E6%80%BB%E7%BB%93/