- 在本篇我会给大家介绍一下关于vue中路由的params参数关于这个params参数就是路由的另外一种传参的方式了，之前我们了解了query的传参方式我现在就是想介绍关于params的传参方式：params使用的时候需要通过`：xx`的站位符进行数据传递xx是自己给的数据占位名。![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fb... 在本篇我会给大家介绍一下关于vue中路由的params参数关于这个params参数就是路由的另外一种传参的方式了，之前我们了解了query的传参方式我现在就是想介绍关于params的传参方式：params使用的时候需要通过`：xx`的站位符进行数据传递xx是自己给的数据占位名。![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fb...
- 组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了代码开发的重用性。我们可以把组件代码按照 template、style、script 的拆分方式，放置到对应的.vue文件中。本章节我们就来学习有关Vue组件的基础知识。5 6 7 8 9 5.1 组件简介组件的本质就是为了拆分Vue实例的代码量。我们也可以把所有的组件代码写到Vue实例中，那样的话，实例代码则显的臃肿不堪，冗长... 组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了代码开发的重用性。我们可以把组件代码按照 template、style、script 的拆分方式，放置到对应的.vue文件中。本章节我们就来学习有关Vue组件的基础知识。5 6 7 8 9 5.1 组件简介组件的本质就是为了拆分Vue实例的代码量。我们也可以把所有的组件代码写到Vue实例中，那样的话，实例代码则显的臃肿不堪，冗长...
- “工业4.0”这一以信息化技术促进产业变革的时代，前端技术不断发展，前端开发能够处理的业务越来越多，网页也变得越来越强大和动态化，互联网、云计算、大数据、人工智能、区块链和物联网融合，计算无处不在，软件定义一切，网络包容万物，连接随手可及,这些进步都离不开JavaScript。在目前的开发中，已经把很多服务端的代码放到了浏览器中来执行，这就产生了成千上万行的JavaScript代码，他们连接... “工业4.0”这一以信息化技术促进产业变革的时代，前端技术不断发展，前端开发能够处理的业务越来越多，网页也变得越来越强大和动态化，互联网、云计算、大数据、人工智能、区块链和物联网融合，计算无处不在，软件定义一切，网络包容万物，连接随手可及,这些进步都离不开JavaScript。在目前的开发中，已经把很多服务端的代码放到了浏览器中来执行，这就产生了成千上万行的JavaScript代码，他们连接...
- 一、cdnhtml中使用可以直接引入下面cdn<script src="https://unpkg.com/vue@next"></script> 二、使用步骤 1.脚手架的安装$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev 2.运行 一、cdnhtml中使用可以直接引入下面cdn<script src="https://unpkg.com/vue@next"></script> 二、使用步骤 1.脚手架的安装$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev 2.运行
- Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\administrator\Desktop\renren-fast-vue\node_modules\node-sass\vendor’at Object.fs.readdirSync (fs.js:861:3)at Objec... Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\administrator\Desktop\renren-fast-vue\node_modules\node-sass\vendor’at Object.fs.readdirSync (fs.js:861:3)at Objec...
- 报错如下： 解决方法： 报错如下： 解决方法：
- 基于Vue和Quasar的前端SPA项目实战之拖拽表单定制（十六） 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了元数据中动态表单设计功能，支持常见的数据类型和索引，然后实现了动态表单的crud增删改查功能，所有的表单页面都是默认的风格。本文主要介绍拖拽表单定制功能，通过拖拽的方式定制表单录入和编辑页面，满足了个性化需求。 简介针对元数据表的... 基于Vue和Quasar的前端SPA项目实战之拖拽表单定制（十六） 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了元数据中动态表单设计功能，支持常见的数据类型和索引，然后实现了动态表单的crud增删改查功能，所有的表单页面都是默认的风格。本文主要介绍拖拽表单定制功能，通过拖拽的方式定制表单录入和编辑页面，满足了个性化需求。 简介针对元数据表的...
- 基于Vue和Quasar的前端SPA项目实战之元数据导出导入（十五） 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之模块管理（十四）的介绍，通过模块管理将具有相同类型或属于同一业务的表单进行分类，方便快速查找。本文主要介绍元数据表单的导出和导入功能。 简介针对元数据表，有时需要导出元数据到本地文件，用来备份数据，这里采用的文件格式为json。后续可以通过导入功能进行导入... 基于Vue和Quasar的前端SPA项目实战之元数据导出导入（十五） 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之模块管理（十四）的介绍，通过模块管理将具有相同类型或属于同一业务的表单进行分类，方便快速查找。本文主要介绍元数据表单的导出和导入功能。 简介针对元数据表，有时需要导出元数据到本地文件，用来备份数据，这里采用的文件格式为json。后续可以通过导入功能进行导入...
- 基于Vue和Quasar的前端SPA项目实战之模块管理（十四） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，通过配置的方式可以零代码实现表单管理功能，但是所有表单都没有分类，如果表单数量很多的情况下不方便查找，因此本文主要介绍表单模块管理相关内容。 简介属于同一类型的表单可以添加到同一个模块，比如字典相关的表建立“字典”模块，用户相关的表建立“... 基于Vue和Quasar的前端SPA项目实战之模块管理（十四） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，通过配置的方式可以零代码实现表单管理功能，但是所有表单都没有分类，如果表单数量很多的情况下不方便查找，因此本文主要介绍表单模块管理相关内容。 简介属于同一类型的表单可以添加到同一个模块，比如字典相关的表建立“字典”模块，用户相关的表建立“...
- 基于Vue和Quasar的前端SPA项目实战之数据导出（十三） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，通过配置的方式可以零代码实现业务数据的批量导入功能，本文主要介绍业务数据批量导出相关内容。 简介针对每个业务表，有时需要导出数据到本地文件，用来备份或者分析，这里采用的文件格式为EXCEL，第一行为字段名称，从第二行开始为数据。 UI界面... 基于Vue和Quasar的前端SPA项目实战之数据导出（十三） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，通过配置的方式可以零代码实现业务数据的批量导入功能，本文主要介绍业务数据批量导出相关内容。 简介针对每个业务表，有时需要导出数据到本地文件，用来备份或者分析，这里采用的文件格式为EXCEL，第一行为字段名称，从第二行开始为数据。 UI界面...
- 基于Vue和Quasar的前端SPA项目实战之数据库逆向（十二） 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了动态表单功能。如果是全新的项目，通过配置元数据并且创建物理表，从而自动实现业务数据的CRUD增删改查。但是如果数据库表已经存在的情况下，如何通过配置表单元数据进行管理呢？这时候数据库逆向功能就很有必要了。 简介数据库逆向就是通过读取数... 基于Vue和Quasar的前端SPA项目实战之数据库逆向（十二） 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了动态表单功能。如果是全新的项目，通过配置元数据并且创建物理表，从而自动实现业务数据的CRUD增删改查。但是如果数据库表已经存在的情况下，如何通过配置表单元数据进行管理呢？这时候数据库逆向功能就很有必要了。 简介数据库逆向就是通过读取数...
- 基于Vue和Quasar的前端SPA项目实战之联合索引（十一） 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，关于表单元数据配置相关内容已经实现了，本文主要介绍联合索引功能的实现。 简介联合索引又叫复合索引，如果索引只有一个字段，在设置列属性的时候直接设置。如果是多个字段联合索引，就需要单独设置了。这里可以创建普通或唯一两种类型的联合索引，通过下拉框... 基于Vue和Quasar的前端SPA项目实战之联合索引（十一） 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，关于表单元数据配置相关内容已经实现了，本文主要介绍联合索引功能的实现。 简介联合索引又叫复合索引，如果索引只有一个字段，在设置列属性的时候直接设置。如果是多个字段联合索引，就需要单独设置了。这里可以创建普通或唯一两种类型的联合索引，通过下拉框...
- 基于Vue和Quasar的前端SPA项目实战之文件上传（十） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，实现了业务数据批量导入功能，本文主要介绍文件上传相关内容。 简介crudapi支持附件字段，表字段里面保存的是文件url字符串。附件可以通过其它文件管理系统比如阿里云的OSS进行上传，或者使用系统自带的文件管理API进行上传，包括普通文件上... 基于Vue和Quasar的前端SPA项目实战之文件上传（十） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入（九）的介绍，实现了业务数据批量导入功能，本文主要介绍文件上传相关内容。 简介crudapi支持附件字段，表字段里面保存的是文件url字符串。附件可以通过其它文件管理系统比如阿里云的OSS进行上传，或者使用系统自带的文件管理API进行上传，包括普通文件上...
- 基于Vue和Quasar的前端SPA项目实战之数据导入（九） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据（七）的介绍，实现了业务数据基本crud功能，本文主要介绍业务数据批量导入相关内容。 简介当数据量比较大的时候，如果手工录入数据就会比较慢，所以通过批量导入的方式录入数据，以提高效率。这里采用的文件格式为EXCEL，针对每个业务表，可以自动生成EXCEL... 基于Vue和Quasar的前端SPA项目实战之数据导入（九） 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据（七）的介绍，实现了业务数据基本crud功能，本文主要介绍业务数据批量导入相关内容。 简介当数据量比较大的时候，如果手工录入数据就会比较慢，所以通过批量导入的方式录入数据，以提高效率。这里采用的文件格式为EXCEL，针对每个业务表，可以自动生成EXCEL...
- 基于Vue和Quasar的前端SPA项目实战之docker部署（八） 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据（七）的介绍，crudapi-admin-web基本功能全部实现了，本文主要介绍前端打包和docker部署相关内容。 简介Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linu... 基于Vue和Quasar的前端SPA项目实战之docker部署（八） 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据（七）的介绍，crudapi-admin-web基本功能全部实现了，本文主要介绍前端打包和docker部署相关内容。 简介Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linu...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签