当前位置: 首页 > news >正文

谷粒学苑第二章前端框架-2.2前端框架开发过程

 一、前端框架开发过程

第一步:添加路由

src/router模块用来管理路由。

第二步:点击某个路由,显示路由对应页面内容

component: () => import('@/views/table/index'),

表示路由对应的页面,是views/table/index.vue页面

第三步:根据业务在src/api 文件夹内创建js文件,定义接口地址和参数

第四步:在src/views目录下,根据业务创建文件夹,最好与src/api的js名字保持一致。创建后缀为vue的页面,并在页面中引入js文件,调用方法实现功能。

最后使用element-ui显示数据内容

http://www.lryc.cn/news/1835.html

相关文章:

  • 权限管理实现的两种方式(详解)
  • 【C++】智能指针思路解析和模拟实现
  • SpringCloud(18):Sentinel流控降级入门
  • C++【多态】
  • 缓存预热、缓存雪崩、缓存击穿、缓存穿透,你真的了解吗?
  • 【Java基础】018 -- 面向对象阶段项目上(拼图小游戏)
  • 【网络~】
  • 手写JavaScript中的call、bind、apply方法
  • JAVA练习46-将有序数组转换为二叉搜索树
  • linux(centos7.6)docker
  • 微信小程序滚动穿透问题
  • 安全—06day
  • PostgreSQL入门
  • 自媒体人都在用的免费音效素材网站
  • Java数据结构中二叉树的深度解析及常见OJ题
  • 算法顶级比赛汇总
  • Android MVI框架搭建与使用
  • 第九节 使用设备树实现RGB 灯驱动
  • Ubuntu 系统下Docker安装与使用
  • DHCP安全及防范
  • 【流畅的python】第一章 Python数据模型
  • from文件突然全部变为类cs右击无法显示设计界面
  • 使用arthas中vmtool命令查看spring容器中对象的某个属性
  • 四种幂等性解决方案
  • 【Nacos】Nacos配置中心客户端配置更新源码分析
  • 按钮防抖与节流-vue2
  • PyTorch学习笔记:nn.SmoothL1Loss——平滑L1损失
  • 2年时间,涨薪20k,想拿高薪还真不能老老实实的工作...
  • Spark - Spark SQL中RBO, CBO与AQE简单介绍
  • NeurIPS/ICLR/ICML AI三大会国内高校和企业近年中稿量完整统计