一,如何查找到组件对应js文件(拿哈尔滨PC端VUE项目举例)
1.前端结构:
![](https://img.kancloud.cn/23/84/2384ad3d63fce1adcd8cedcaab7093a2_986x750.png)
2.如果你负责群文资讯所有页面的接口联调,可以从以下方式找到对应联调js的位置
![](https://img.kancloud.cn/64/4d/644d59f3c0360e773f83000f8a5e2ce2_907x274.png)
运行项目 npm run serve
![](https://img.kancloud.cn/25/4a/254ada32541395502128b565a3c3fb1c_1570x680.png)
![](https://img.kancloud.cn/93/bb/93bb6b145628562452187105528fd228_1133x648.png)
![](https://img.kancloud.cn/c2/29/c2293e7ead26530179a3472bafafacda_1323x387.png)
**注意:有些组件名与js文件名不对应,可通过对接的数据名在mixins中搜索到所在文件**
![](https://img.kancloud.cn/83/a3/83a3053327cac77baea8be98df4e0fb4_1176x590.png)
**注意:有写数据都已经放在方法内,并且用setTimeOut方法异步赋值,之后都会这样初始化。可以理解为在data内是一样的**
二,如何对接接口
![](https://img.kancloud.cn/38/3c/383c520d8d805185da3157f22e5a71af_1331x674.png)
接口方法原型:(可参考,但不要改动)
![](https://img.kancloud.cn/b2/86/b286f777be50aaa93176828ffec64156_1035x692.png)
- 快速开发
- 使用vscode模板
- 样式和字体图标
- 现有组件封装
- 编写公共组件
- 编写页面
- 组件混入配套
- 前后端分离
- 开发规范
- 目录结构
- 工具类
- 组件库
- 项目总览
- 后端联调方式
- 简介
- 页面接口数据对接方式
- 事件
- vue pc公共组件
- 列表组件(通用)
- 列表组件带分页
- 文化资讯列表
- 新闻列表组件
- 详情侧边列表组件
- 活动预约组件
- 章节目录组件
- 名师列表组件
- 场馆导航列表组件
- 资讯列表组件
- 首页子站指数通用组件
- 活动列表通用组件
- 专辑列表组件
- 相关推荐列表组件
- 视频组件
- 直播视频组件
- 视频组件
- 课程视频组件
- 讲师介绍简介
- 问卷答题组件
- 问卷调查组件
- 在线考试组件整套
- 在线考试组件
- 菜单
- 导航菜单
- 分类组件
- 分类菜单
- 排序组件
- 全局组件
- 面包屑导航
- 无数据状态
- 评论
- 文章展示
- 点赞收藏查看分享组件
- 时间日历日期组件
- 直播日历组件
- 底部导航组件
- 底部组件
- 头部组件
- 首页组件
- 资讯组件
- 直播组件
- 阅读组件
- 线上培训组件
- 登录注册相关组件
- 地图组件
- 媒体相关组件
- 音频详情组件
- 音频列表组件
- 书刊详情组件
- 视频播放组件
- 个人中心组件
- 我的评论
- 我的活动
- 我的收藏
- 个人中心列表
- 个人中心我的评论
- 弹窗组件
- 图片,视放大弹窗组件
- 票务预定组件
- 轮播组件
- 横排滑动组件
- 3D轮播组件
- 首页试听空间轮播组件
- 新闻资讯轮播组件
- 缩略图轮播组件