vue项目源码分享

vue项目打包体积大优化之-productionSourceMap设置

一、productionSourceMap的作用productionSourceMap在构建时生成完整的SourceMap文件，默认情况下开启。生产环境中启用productionSourceMap有助于开发者调试代码，可以在浏览器的调试工具中查看到源文件中错误的代码位置，而不是编译后的代码位置。这对于定位线上问题十分有帮助。然而，开启productionSourceMap会使得构建后的代码包含源代
邹荣乐·2023-12-24 00:07

日常开发11 vue加载静态文件，页面刷新后报错Uncaught SyntaxError: Unexpected token ‘＜‘ (at Encrypt.js:1:1)

问题描述：vue项目开发中，加载静态文件，静态文件存放的地址是在static文件下，也就是说打包的时候是不会一起打包的。
圆周率v1.1·2023-12-23 21:38

Blazor 混合开发_MAUI+Vue_WPF+Vue

Main.razor组件修改MainPage.xaml文件创建WPF项目创建wwwroot文件夹服务注册创建_import.razor添加Shell.razor组件修改MainWindow.xaml文件创建Vue
黑夜中的潜行者·2023-12-23 15:02

解决vue背景无法铺满全屏的问题

今天新建了个vue项目，想弄一个顶部铺满屏幕的图片，结果发现无论怎么调，都无法完全铺满屏幕。
木石文若·2023-12-23 15:24

BY组态（WEB组态）编辑器插件介绍

BY组态（WEB组态）编辑器插件介绍BY组态是一款非常优秀的纯前端的【web组态插件工具】，可无缝嵌入到vue项目，react项目等，由于是原生js开发，对于前端的集成没有框架的限制。
BY组态2·2023-12-23 13:04

vue项目中 jsconfig.json和tsconfig.json文件配置释义 & compilerOptions配置

vue项目中jsconfig.json和tsconfig.json文件配置释义&compilerOptions配置示例和src同层级jsconfig.json{"compilerOptions":{"baseUrl
viceen·2023-12-23 12:38

npm run serve与npm run dev的区别

在我们运行一些vue项目的时候，输入npmrunserve或者npmrundev的其中一个时，系统会报错：PSC:\Users\LENOVO\Desktop>npmrundevnpmERR!
吃饭睡觉打代码想南南·2023-12-23 11:09

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

问题描述再写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，
Rumda·2023-12-23 09:20

【使用gnvm管理node.js版本的安装过程】

二、问题描述1、vue项目安装less和less-loader时（npminstalllessless-loader--save）遇到node.js的10.15.3版本过低，而无法安装，因此需要升
借鉴收藏家·2023-12-23 09:42

vscode中vue项目报错

当在vscode中写代码时，报错报错报错.........已经头大，还没写就报错，这是因为eslint对语法的要求太过严格导致的编译时，出现各种语法格式错误我们打开vue.config.js，加上这句代码，就OK啦lintOnSave:false
Chemo辰陌·2023-12-23 08:04

vue项目单页面引入echarts步骤

第一步npm安装echartsnpminstallecharts--save第二步在需要使用的页面引入import*asechartsfrom'echarts'import*asechartsfrom'echarts';exportdefault{....}第三步在需要使用的页面写出一个dom节点第四步在methods方法里写一个创建echarts图表的函数然后在mounted里面调用复制代码Re
不正经开发者·2023-12-23 07:47

使用nginx反向代理实现vue项目打包部署上线

server{listen80;#监听端口server_namelocalhost;#域名可以有多个，用空格隔开#access_loglogs/host.access.logmain;location/{root/etc/nginx/html/dist/;#站点根目录，即网页文件存放的根目录,默认主页目录在nginx安装目录的html子目录。indexindex.htmlindex.htm;#目录
A文凯·2023-12-23 06:09

vue项目 通过路由跳转页面后立即刷新页面

1.本来想用路由守卫在进入页面之后调用刷新页面的方法但是在VueRouter中，beforeRouteEnter导航守卫无法直接访问组件实例，因此在该导航守卫中无法调用组件的方法。2.用activated方法但是没有效果（activated在页面一出现就执行）3.用watch监听//路由跳转的时候给他传递一个参数this.$router.push({path:'/knsxs/knssq',quer
htt2321·2023-12-23 03:35

nginx单域名配置访问多vue项目（vue3 + vite4）

。。。简单粗暴。。。vue配置项目avite.config.ts//https://vitejs.dev/config/exportdefault({command,mode}:ConfigEnv):UserConfig=>{return{//重要:配置别名base:'/a/',//其他配置}}router/index.ts//创建路由实例constrouter=createRouter({//c
钢铁熊猫33·2023-12-23 02:05

Vue和Vant使用

1.先创建vue项目，我准备把项目放在e盘下：E:\VueElement-ui命令行进入这个目录：cdE:\VueElement-ui创建一个基于webpack模板的新项目（1）vueinitwebpackregister
Kemmy_m·2023-12-23 02:00

vue介绍以及基本指令

目录一、vue是什么二、使用vue的准备工作三、创建vue项目四、vue插值表达式五、vue基本指令六、key的作用七、v-model九、指令修饰符一、vue是什么Vue是一种用于构建用户界面的JavaScript
chenximuxueya·2023-12-23 01:36

【已解决】在使用frp内网穿透访问VUE项目提示：Invalid Host/Origin header 解决方案

项目配置在使用frp作为内网穿透的时候，配置了多端口穿透(也是第一次配置frp多端口)，端口配置如下：8079：vue项目的管理系统8080：vue项目的前台系统8082：普通的web项目更高frp相关问题
凯哥Java·2023-12-22 20:15

【ECharts】从零实现echarts地图完整代码（纯前端，包含地图资源）

最终效果标题环境搭建这里忽略创建vue项目的操作过程，请自行搭建vue2项目、less环境安装下载echarts这里我们选择npm下载npminstallecharts安装成功后，在main.js中把echarts
Y_coder·2023-12-22 19:42

从Gitee克隆项目、启动方法

从gitee克隆VUE项目到本地后，不能直接运行，需要进行npminstall安装node_modules文件夹里面的内容，因为在git上传的时候，一般都会过滤到node_modules中的依赖文件。
知远同学·2023-12-22 19:32

registermodule 微前端_微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。此项目为了尽可能的简单易上手，以及方便文章讲解，大部分逻辑都在主应用和子应用的main.js来回施展，实际项目应用可不要如此粗暴，要有优雅的架构设计。另有微前端进阶实战项目：基于vue3.0-beta及
weixin_39603492·2023-12-22 14:52

vue项目使用html2canvas实现截图

引入依赖npmihtml2canvas导入依赖importhtml2canvasfrom'html2canvas'1:ref写哪里,就代表截取哪个容器下的所有内容2:data-html2canvas-ignore代表着不计入截取范围,如果你不想截取某部分,但是他又在容器里面可以加data-html2canvas-ignore标签(隐藏)点击方法:html2canva(){//第一个参数是需要生成截
白云苍狗417·2023-12-22 13:12

vue项目使用html2canvas实现截图功能

这个截图有点类似下载的那种，可以按照自己的需要在代码中指定要截屏的部分，点击截图会自动保存到本地，更贴切的说法可以说是快照。不同于我们常用的截图软件，这点要注意。实现结果如图：html2canvas是JavaScript实现页面截图的类库，html2canvas使你可以直接在用户浏览器上截取网页或部分网页的“屏幕快照”。屏幕截图基于DOM，因此可能无法真实表示100％的准确度，因为它无法生成实际的
代码搬运媛·2023-12-22 13:41

vue项目使用VUE html2Canvas截取页面内容生成pdf

第一步：先安装html2canvas和jspdfnpminstallhtml2canvasjspdf--save第二步：到项目package.json中查看是否下载好html2canvas和jspdf第三步：utils文件夹下创建一个html2canvas.js第四步:内容源码已给大家提供，可直接拿去使用--最下面的pdf.save里面是生成的文件名，自己可根据对应项目进行修改importhtml
翱翔同步·2023-12-22 13:10

【前端数据可视化AntV】G2 、G6 、L7 的使用

gitee地址:gitee地址强烈建议使用国内镜像1.AntV-G2的使用这里是使用vue-cli创建了一个vue项目:vuecreatelearn-antVAntV-G2-Plot的使用:快速上手npminstall
itlu·2023-12-22 12:19

Vue项目里rem的使用

先在src下的libs文件夹下新建一个js文件，取名为rem.js，封装一个换算方法：//此处的16跟上面的16对应，同样是倍数constbaseSize=16//设置根节点的font-size大小函数functionsetRem(){//375为设计稿页面宽度，如为750，把375改为750constscale=document.documentElement.clientWidth/1920/
百思不得小李·2023-12-22 08:24

Nodejs+Vue 前后端连接 dist 包，express开篇写法和Vue 通过用HBuilder X 工具生成（Vue项目 打包）

前端：打开运行npmrunbuild得到dist文件夹后端Express喜欢的写法index.js注这个就是接包dist目录的：app.use(express.static('dist'))//dist是项目的打包资源路径，一般为根目录下distconstexpress=require('express')//require函数引入express包constapp=express()//调用函数/
PieroPc·2023-12-22 07:37

VUE项目---npm install时报错[email protected]安装失败

解决方法：执行[email protected]命令用来安装[email protected]，--ignore-scripts参数用于npminstall在安装[email protected]时忽略package.json中设置的脚本，意思就是避免package.json中的脚本影响包的正常安装
哎呦喂1111·2023-12-22 06:38

vue项目npm run build报错npm ERR! missing script: build（已解决）

vue项目npmrunbuild报错npmERR!
fpl1116·2023-12-22 00:14

基于vite 初始化vue3项目并引入Vue Router和Ant Design Vue

VueRouterAntDesignVue系列文章指路系列文章-基于Vue3创建前端项目并引入、配置常用的库和工具类文章目录创建Vite+Vue项目创建并运行WebStorm无法识别@，需要在vite.config.js
小雅痞·2023-12-21 22:34

vue中bus总线中的bug（能打印不能渲染）

第一步：在vue项目中的main.js文件中初始化busVue.prototype.Bus=newVue();第二步：在传递参数的vue页面图1将需要传递的数据放进beforeDestroy里面第三步：
chaokun·2023-12-21 20:34

Vue项目实现添加水印

vue项目需要实现添加水印的功能，实现如下：引入watermark-dom依赖包npminstallwatermark-domApp.vue引入importwatermarkfrom"watermark-dom
ljw@lq·2023-12-21 20:27

数字滚动插件——vue-count-to

在vue项目中要实现数字动态滚动效果时，通常使用vue-count-to插件来实现。
苹果函数·2023-12-21 18:42

Vue项目中支持可选链（链判断运算符）操作

一、案例效果在开发过程中拿到一个内嵌比较深的值需要做很多的判断，来保证没有数据而报错，比如：constobj={a:{b:{c:"1"}}}取c,正确的做法是：constcValue=(obj&&obj.a&&obj.a.b&&obj.a.b.c)||'';//需要判断4次，每一层是否有值二、操作方法1.安装依赖（Babel）[为了避免出现兼容问题，装好对应的转换器]npminstall@babe
在路上`·2023-12-21 18:08

【大数据优质案例】基于大数据分析的物流数据可视化平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据项目】基于大数据分析的全国信息教育平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据项目】基于大数据分析的餐饮行业数据分析平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:50

【大数据优质项目】基于数据分析的保险行业可视化分析平台

前言：我是IT源码社，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务IT源码社-SpringBoot优质案例推荐IT源码社-小程序优质案例推荐
极客的Code·2023-12-21 18:49

计算机源码数据库基于SpringBoot的人事管理系统

前言：我是极客的Code，从事计算机开发行业数年，专注Java领域，专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务项目名基于SpringBoot的人事管理系统技术栈SpringBoot
极客的Code·2023-12-21 18:17

如何运行vue项目（从github上下载的开源项目）

一、准备工作：1.从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了2.安装cnpm，在命令行中输入npminstall-gcnpm--registry=http://registry.npm.taobao.org3.安装webpacknpminstallwebpack-g4.安装vue-clicnpminstallvue-cli-g二、方式一从GitHub上下载项目，
放羊娃华振·2023-12-21 15:37

Vue项目部署上线全过程（保姆级教程）

Vue项目部署上线全过程（保姆级教程）上线前准备1.先在vue.config.js文件中配置反向代理解决跨域请求问题const{defineConfig}=require('@vue/cli-service
天才守门员·2023-12-21 15:07

自动导入组件unplugin-auto-import和unplugin-vue-components

背景当我们在Vue项目中使用第三方库或组件时，通常需要手动导入它们并在需要的地方进行注册。这可能会变得繁琐和冗长，特别是当我们使用大量的第三方库或组件时。
俊刚、·2023-12-21 12:38

从零开始搭建Vue2.0项目(一)之快速开始

前言该样板适用于大型和严肃的项目，用于快速搭建企业级的vue项目。如果你只想尝试vue-loader或快速制作出原型，请改用webpack-simple模板。
Java白羊·2023-12-21 12:27

【大数据项目】企业经营数据可视化平台

前言：我是天码编程，从事计算机开发行业数年，专注Java程序设计开发、源码分享、技术指导和毕业设计，欢迎各位前来交流讨论精彩专栏推荐订阅不然下次找不到哟天码编程-SpringBoot项目案例推荐天码编程
天码编程·2023-12-21 12:53

基于大数据可视化的智慧人才数据分析平台

前言：我是天码编程，从事计算机开发行业数年，专注Java程序设计开发、源码分享、技术指导和毕业设计，欢迎各位前来交流讨论精彩专栏推荐订阅不然下次找不到哟天码编程-SpringBoot项目案例推荐天码编程
天码编程·2023-12-21 12:53

基于Servlet的超市订单管理系统【含源码+数据库】

前言：我是天码编程，从事计算机开发行业数年，专注Java程序设计开发、源码分享、技术指导和毕业设计厚台获取源码项目名基于Servlet的超市订单管理系统技术栈Servlet+JSP+MySQL文章目录一
天码编程·2023-12-21 12:21

vue 如何实现拖动：vue-draggable

vue-draggable官方文档：传送门特点：支持触摸设备（如vue项目的移动端开发Quasar）支持拖拽和选择文本支持不同列表之间的拖拽视图模型的同步刷新与vue2的过渡动画（transition-group
代码搬运媛·2023-12-21 08:24

Vue引起Invalid handler for event “click“: got undefined报错信息可能的原因

控制台报错信息：Invalidhandlerforevent"click":gotundefined自己今天遇到了这个问题，总结一下大家引起这个报错信息可能是由哪几种情况引起的（针对Vue项目）：1.函数没有写在
AshleyXM·2023-12-21 07:32

《机器学习实战》简介与中英文pdf、源码分享

1前言前几天，StrongerTang分享了《动手学深度学习》(点击即可阅读)，受到了不少朋友的肯定。有朋友留言要求分享一下以Python为基础的机器学习实战编程书籍：《MachineLearningInAction》，也就是中文版广为流传的《机器学习实战》，小汤本着一直坚持的“好资源大家一起分享，共同学习，共同进步”的初衷，于是便去找了资料，而且还是中英文两个版本都有，分享给有需要的小伙伴，也希
StrongerTang·2023-12-21 06:43

vue项目中Watch(监听)使用方法和场景

1.watch用法（1）watch:{data:{//需要监听的变化的数据handler(val){//里面写当数据变化时执行的操作console.log("watch",val);this.getdata();},immediate:true,//第一次是否监听deep:true,//是否深度监听},},2.、immediate、handler和deep属性详解（1）immediate:值为tr
野区被反边哭边喊·2023-12-21 04:40

01-vue+xlsx实现导出表格的功能

1.使用npm下载xlsxnpminstallxlsx2.导入xlsx包到对应的vue项目中importXLSXfrom'xlsx'3.html部分导出{{item}}{{item1}}4.script
养狗蛋儿·2023-12-21 01:29
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他