- 最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了，如果再不学习Vue3就落伍了，此文章记录下使用@vue/cli搭建Vue3项目完整流程。 1 安装vue/cli 更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli，如果之前全局安装了旧版本的... 最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了，如果再不学习Vue3就落伍了，此文章记录下使用@vue/cli搭建Vue3项目完整流程。 1 安装vue/cli 更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli，如果之前全局安装了旧版本的...
- 今天打开Vue项目中main.js文件中，发现引入文件使用了两种方式。 import Vue from 'vue' import App from './App.vue' import router from './router' //&... 今天打开Vue项目中main.js文件中，发现引入文件使用了两种方式。 import Vue from 'vue' import App from './App.vue' import router from './router' //&...
- 我有个模版项目是用vue-cli3.x开发的，测试部署已经没问题，突发奇想，能不能打包成exe文件，在桌面运行，开始鼓捣。 1.先将项目打包 yarn build 2.安装electron和electron-packager yarn add electronyarn add electron-packager 3.di... 我有个模版项目是用vue-cli3.x开发的，测试部署已经没问题，突发奇想，能不能打包成exe文件，在桌面运行，开始鼓捣。 1.先将项目打包 yarn build 2.安装electron和electron-packager yarn add electronyarn add electron-packager 3.di...
- 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码，并带有多种语言模式和插件 ，可实现更高级的编辑功能。 本教程是基于vue2实现集成，使用vue-codemirror插件 1. 安装 # npm np... 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码，并带有多种语言模式和插件 ，可实现更高级的编辑功能。 本教程是基于vue2实现集成，使用vue-codemirror插件 1. 安装 # npm np...
- 以前项目上用到这个，网上教程很多，但是说法都不一样，自己总结的，如果有不对的地方可以提出来， vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f... 以前项目上用到这个，网上教程很多，但是说法都不一样，自己总结的，如果有不对的地方可以提出来， vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f...
- 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中，遇到个问题，就是在用户提交数据时，如果连续多次点击按钮，会触发多次，导致数据异常，因此需要限制用户短时间内多次点击同一按钮，只触发一次。 1. 自定义指令 利用元素的 disabled 属性，新建自定义指令，preventClic... 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中，遇到个问题，就是在用户提交数据时，如果连续多次点击按钮，会触发多次，导致数据异常，因此需要限制用户短时间内多次点击同一按钮，只触发一次。 1. 自定义指令 利用元素的 disabled 属性，新建自定义指令，preventClic...
- 通常，当我们需要将数据从父组件传递到子组件时，我们使用 props。想象一下这样的结构：你有一些深嵌套的组件，而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下，你仍然需要将 prop 传递到整个组件链中，这可能会很烦人。对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依... 通常，当我们需要将数据从父组件传递到子组件时，我们使用 props。想象一下这样的结构：你有一些深嵌套的组件，而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下，你仍然需要将 prop 传递到整个组件链中，这可能会很烦人。对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依...
- MoonCake 在线制作中秋月饼 言简意赅，我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程，并将代码发布到github 技术方案 vite.js： http... MoonCake 在线制作中秋月饼 言简意赅，我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程，并将代码发布到github 技术方案 vite.js： http...
- 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中，总会遇到这样或者那样的问题，这次，用element-ui组件库的select，但是这个组件不支持分页加载更多，如果一次性把所有的数据都返回给前端，那还需要后端再加个接口。是不是有其他方式可以扩展下select？ 在Vue文档中，找到了实现方式，那就是... 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中，总会遇到这样或者那样的问题，这次，用element-ui组件库的select，但是这个组件不支持分页加载更多，如果一次性把所有的数据都返回给前端，那还需要后端再加个接口。是不是有其他方式可以扩展下select？ 在Vue文档中，找到了实现方式，那就是...
- vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由) 2.后台传来当前用户对应权限的路由表，前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点，效果都能实现，我们公司现在用的就是第二种，后台返回路由信息，前端动态生成路由及菜单... vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由) 2.后台传来当前用户对应权限的路由表，前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点，效果都能实现，我们公司现在用的就是第二种，后台返回路由信息，前端动态生成路由及菜单...
- 作为由华人程序员尤雨溪开发的前端构架，它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手，而且还可以与第三方库或者既有项目整合，同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件，基本不掺杂多余文件，集成项目也比较简单。 1.这款功能相对比较简单，效果中规中矩 2.这款效... 作为由华人程序员尤雨溪开发的前端构架，它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手，而且还可以与第三方库或者既有项目整合，同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件，基本不掺杂多余文件，集成项目也比较简单。 1.这款功能相对比较简单，效果中规中矩 2.这款效...
- mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发。使前端不用去调用后端的接口，即可完成前端单元测试。 当一个项目开始开发，正常情况是前后台开发同时进行，但是很多情况是后台先提供接口，然后前端才开始编写页面，这样就会导致项目进度缓慢，为了解决这个问题，前端一般是根据接口先在本地进行数据模拟请求，本次我们使用M... mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发。使前端不用去调用后端的接口，即可完成前端单元测试。 当一个项目开始开发，正常情况是前后台开发同时进行，但是很多情况是后台先提供接口，然后前端才开始编写页面，这样就会导致项目进度缓慢，为了解决这个问题，前端一般是根据接口先在本地进行数据模拟请求，本次我们使用M...
- 前面讲了Vue2项目中动态添加路由及生成菜单，今天尝试在Vue3中动态添加路由及生成菜单。 最近在尝试用Vue3开发个管理平台项目，一切都是从头开始，基本框架搭建，熟悉Vue3写法，编写登录页，编写路由守卫，上面功能已基本完成，开始编写首页布局，用Vue3就必须用Router4.x版本，所以之前的代码迁移过来之后发现，... 前面讲了Vue2项目中动态添加路由及生成菜单，今天尝试在Vue3中动态添加路由及生成菜单。 最近在尝试用Vue3开发个管理平台项目，一切都是从头开始，基本框架搭建，熟悉Vue3写法，编写登录页，编写路由守卫，上面功能已基本完成，开始编写首页布局，用Vue3就必须用Router4.x版本，所以之前的代码迁移过来之后发现，...
- 本教程讲解的是基于Vue3和Ant Design Vue，前面讲了Vue3项目动态引入iconfont（阿里巴巴矢量图标库），这种这种写法只适用部分情况，现在我们又有了一个新的需求，就是在菜单里面使用iconfont图标，Ant Design Vue在 1.2.0 之后，使用了 SVG 图标替换了原先的 font 图标，之前... 本教程讲解的是基于Vue3和Ant Design Vue，前面讲了Vue3项目动态引入iconfont（阿里巴巴矢量图标库），这种这种写法只适用部分情况，现在我们又有了一个新的需求，就是在菜单里面使用iconfont图标，Ant Design Vue在 1.2.0 之后，使用了 SVG 图标替换了原先的 font 图标，之前...
- 相信前端开发或者后端开发都用过jquery,因为不是数据驱动，为了获取某些元素的value值，都操作过Dom元素。 // 使用Jquery获取Dom元素值$("#id").text('xxx') $("#id").value('xxx') // 使用原生D... 相信前端开发或者后端开发都用过jquery,因为不是数据驱动，为了获取某些元素的value值，都操作过Dom元素。 // 使用Jquery获取Dom元素值$("#id").text('xxx') $("#id").value('xxx') // 使用原生D...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签