vue项目开发

【已解决】Vue Duplicate keys detected: ‘[object Object]’

【已解决】VueDuplicatekeysdetected:‘[objectObject]’在Vue项目开发过程中，我们可能会遇到这样的报错：“Duplicatekeysdetected:‘[objectObject

二川bro·2024-09-01 12:51

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

rain_love_snow·2024-08-24 06:57

springboot/ssm工作量统计系统Java工作记录可视化管理系统web

springboot/ssm工作量统计系统Java工作记录可视化管理系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本

kirito学长-Java·2024-03-04 16:39

关于Vue中npm install出现报错及解决方法

在Vue项目开发过程中，我们经常会使用npm工具来安装项目所需的依赖包。然而，有时候在执行npminstall命令时会遇到各种报错，这可能会影响项目的正常开发和运行。

猿小白klp·2024-02-29 02:10

springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web

springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK

Java学长-kirito·2024-02-27 15:56

微信小程序开发跳转问题

在vue项目开发中，事件监听可以直接通过绑定点击事件即可，然后调用函数，并传参。如下图所示，可以直接在函数方法中进行参数传递。

qq_33453797·2024-02-09 05:00

vue项目开发移动端真机测试/手机端网页预览

市场上手机大小各式各样，事实上目前还没有完美适配移动端的方案，常用的有vw，rem，百分比等。前端在PC端开发移动端项目时，通过F12看到的还是和真机有区别，因此我们需要真机测试。首先，真机测试的必要条件：1、手机与电脑在同一个局域网内，比如手机和电脑连接同一个WIFI。2、需要知道开发电脑的IP地址。步骤：1、查看电脑IP地址找到电脑的window键和R键，同时按下，弹出窗口image.png点

ForeverYoung_06·2024-02-07 21:42

vue项目开发vscode配置

配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite--open","build":"vit

RuiW_97·2024-02-07 10:37

在 VUE 项目中，使用 Axios 请求数据时，提示跨域，该怎么解决？

在VUE项目开发时，遇到个问题，正常设置使用Axios库请求数据时，报错提示跨域问题。那在生产坏境下，该去怎么解决呢？

设计师工作日常·2024-01-28 16:52

Vue 技术的小技巧

Vue项目开发中经常遇到事件阻止冒泡的需求。在传统的写法上就是调用event.preventDefault()、event.stopPropagation()。

FantasticLBP·2024-01-27 13:08

vue项目开发的完整流程

一.构建vue.js项目1.安装nodehttps://nodejs.org/en/下载完成后，下一步–>下一步–>安装完成验证node是否安装成功:打开命令行(windows)或终端(mac),在命令行(终端)中输入：node-v如果提示出版本信息则说明node安装成功npm-v如果提示出版本信息则说明npm安装成功2.安装vue脚手架:vue-clisudonpminstallvue-cli-

拼命十三娘·2024-01-27 03:38

解决 vue 项目开发越久 node_modules包越大的问题

解决vue项目开发越久node_modules包越大的问题node_modules.cache文件（编译缓存文件可以删除）compression-webpack-plugin禁止缓存constCompressionPlugin

yujkss·2024-01-21 09:37

vue项目开发常用的依赖

声明：这是目前碰到过的，后续还会补充elementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。axios用于发起Ajax请求，设置拦截请求和响应等学习文章：axios的基本使用babel-plugin-syntax-dynam

无知的小菜鸡·2024-01-20 13:47

vue项目开发中常用的正则校验

/***@param{string}path*@returns{Boolean}*/exportfunctionisExternal(path){return/^(https?:|mailto:|tel:)/.test(path)}/***@param{string}str*@returns{Boolean}*/exportfunctionvalidUsername(str){constvalid

杨同学a·2024-01-19 11:08

vue项目开发，关于分页问题总结

改vue的分页字段1.他原本接受page,limit两个属性，现在我们需要改成PageIndex，PageSize以下是pagination组件代码import{scrollTo}from'@/utils/scroll-to'exportdefault{name:'Pagination',props:{total:{required:true,type:Number},PageIndex:{typ

糖小宝2016·2024-01-14 16:34

Vue入门五（Vue-CLI项目搭建｜vue项目目录介绍｜vue项目开发规范｜es6导入导出语法）

测试是否安装成功安装vue-cli安装vue脚手架创建Vue项目1）使用命令创建项目2）使用图形化界面创建项目二、vue项目目录介绍1.命令行运行vue项目2.Pycharm中运行项目3.目录结构三、vue

0Jchen·2024-01-12 09:13

Vue2：插件开发

一、场景描述给Vue项目开发插件,增强Vue的功能。

生产队队长·2024-01-11 16:11

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp=/^.//)第一个参数目标文件夹是否查找子集true|false正则匹配比如：require.context('./router',true,/\.routes\.js/可以理解为获取rout

惗Study溡光_0cdd·2024-01-11 04:00

Vue项目工程化创建和启动

项目执行命令：[email protected]项目安装依赖执行命令：npminstall3.vue项目—目录结构4.启动项目1.执行命令：npmrundev2.通过VScodeNPM脚本启动二、Vue

熊猫发电机hhh·2024-01-10 20:34

nodejs和vuejs的区别

一、vue项目开发中，两个经常混合使用。不同：1、概念不同：一个是前端框架，一个是服务端语言。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

w_t_y_y·2024-01-05 10:38

【vue项目开发遇到的问题】：vue.runtime.esm.js:1887 TypeError: dateStr.match is not a function

报错信息：分析原因：看网上有博主分享原因是因为页面有rules不能和value-fomatter共存需要删掉value-fomatter；但是这里有一点需要注意如果不加value-format，时间会回显1970，此时其实就是数据类型的问题，日期选择器接受的数据都是string类型，而我们拿到的值是number类型，我们需要给它加一个String()方法来处理。此时的写法是如下代码块：{{scop

筱熙☆·2023-12-31 22:49

【Vue】Vue项目开发中遇到的一些问题记录

本篇主要记录项目开发中遇到的一些问题，Vue2/3都有所涉及，重点讨论问题本身，不涉及Vue2/3版本的区别。1.父子组件通信，传值为异步数据时，需要watch监听刷新子组件数据。2.Vue项目某个页面需要在新标签页打开，写法：constprojectDetail=this.$router.resolve({path:'/project/detail',query:{......}});windo

whu-水草·2023-12-31 01:41

【JavaWeb学习-第四章（2）】前后端分离开发 & 前端工程化

3.2.1.1.NodeJS安装3.2.1.2.Vue-cli安装3.2.2.Vue项目简介3.2.2.1.创建vue项目3.2.2.2.vue项目之目录结构介绍3.2.2.3.运行vue项目3.2.3.Vue

Cpdr·2023-12-28 22:10

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

问题描述：vue项目开发中，加载静态文件，静态文件存放的地址是在static文件下，也就是说打包的时候是不会一起打包的。

圆周率v1.1·2023-12-23 21:38

vue项目开发，前端传入时间为UTC 通用标准时如2021-10-28T16:00:00.000Z，格式化为正常时间yyyy-MM-dd

2021-10-28T16:00:00.000Z是UTC通用标准时UTC通用标准时：UTC即为世界标准时间，世界统一时间，国际协调时间，字母T是时间和日期的分隔符，T后面表示的即为时间，末尾的z表示UTC统一时间。接下来要把UTC通用标准时转换成通用的yyyy-MM-dd时间格式方法1:利用函数格式转换//修改日期格式format(time,format){vart=newDate(time);v

零点七九·2023-12-17 00:07

解决 vue3 使用mitt（发布订阅库）时，多次触发事件订阅问题

问题起源:在日常vue项目开发中，有时会用到mitt（前身事件总线mittBus）进行事件传递，然而使用经常就是mitt().emit(),mitt().on就结束了，未考虑到取消订阅事件，订阅事件会创建回调函数

詹姆斯bind·2023-12-15 14:50

vue获取当前日期并将日期格式转化为日期字符串，计算两个时间相差

在vue项目开发中，常常需要实现获取当前的时间，而newDate()方法获取到的是日期格式并不符合我们实际开发过程中需要的，这个时候我们需要将newDate()获取到的日期格式转化成字符串格式以下通过两种方法实现首先

Maidangchen·2023-12-02 21:24

vue遍历对象的几种方式

在vue项目开发中，我们需要对对象进行处理等问题，这里简单记录遍历对象的几种方法一、forin这是遍历对象的基本方法，其中key代表键，值可以通过Object[key]进行获取，letobj1={name

Maidangchen·2023-12-02 21:54

Vue在启动项目时报错 ValidationError: webpack Dev Server Invalid Options

#Vue项目开发报错前提：在开发Vue项目过程中，项目启动时，出现ERROR：ValidationError:webpackDevServerInvalidOptions。

智先生_·2023-11-30 15:46

vue项目多个不同的服务器请求地址管理

vue项目多个不同的服务器请求地址管理在vue项目开发过程中，获取不同的数据可能会出现需要请求多个不同服务器地址的域名，这个时候需要对不同域名的请求地址进行管理以及跨域的代理。

start_sea·2023-11-29 11:47

vue router 跳转未匹配路径时出现空白页的问题

在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户手动更改为未进行匹配的url时，系统找不到响应的组件进行页面渲染，就会出现空白页面。

时光觅迹·2023-11-26 06:32

vue项目打包后，想再次修改配置文件的方法

有时，vue项目开发过程中，需要在打包后，再次修改项目的配置的文件预览地址等，如何实现将项目文件命名为myPro1.在项目根目录myPro下增加增加static文件夹，里面创建config.js即myPro

小呆糊总·2023-11-25 21:27

vue脚手架的基础搭建过程

基于脚手架的环境开发vue项目开发vue项目的方式主要有两种：基于vue.js：在html中引入v

是程序喵呀·2023-11-23 16:14

JavaWeb05-Vue项目开发02Element学习笔记

Element简介Element：是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。组件：组成网页的部件，例如超链接、按钮、图片、表格、表单、分页条等等。官网：https://element.eleme.cn/#/zh-CNListenerps：目的是为了更简单的开发出更加好看的页面效果。功能对比图如下：左侧为原始开发，右侧韦使用ElementUi开发的页面。

迷路的小鹿斑比_Perry·2023-11-20 01:01

VUE2常规搭建后台管理项目经验总结

在vue项目开发当中，我们一般都是在全局路由钩子做这一系列判断。router.beforeEach(async(to,from,next)=>{NProgress.start();awa

李宏伟~·2023-11-15 22:11

vue如何配置服务器端跨域_Vue项目中跨域问题的解决

前言在Web端Vue项目开发过程中，跨域问题是不可避免的；在我参与的Vue项目中，使用服务器代理的解决方案；针对不同的环境(开发环境/生产环境)，采用了不同的服务器代理方案；服务器代理的原理大概是这样：

weixin_39597399·2023-11-14 01:10

前端及后端项目开发工具

1前端项目开发工具：构建Vue项目开发工具:HBuilder作用：用来创建vue项目web中间件：nodejsnodejs作用：用来解析开发者写好的js、jQuery、vue代码。

环环Huanhuan·2023-11-14 00:17

nginx解决vue项目开发跨域问题

1、为了模拟跨域的开发情况，本地可以起一个后台服务consthttp=require('http');constPORT=3200;//创建一个http服务constserver=http.createServer((request,response)=>{response.end("helloworld");});//启动服务,监听端口server.listen(PORT,()=>{consol

Web_阿凯·2023-11-10 02:12

前端框架Vue学习 ——（五）前端工程化Vue-cli脚手架

文章目录Vue-cliVue项目-创建Vue项目-目录结构Vue项目-启动Vue项目-配置端口Vue项目开发流程Vue-cli介绍：Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模版安装

sweetheart7-7·2023-11-05 18:04

vue项目打包部署linux_Vue项目打包部署到Nginx服务器

“随着前后端分离项目的流行，vue项目开发部署也成为了前端人员必备技能；本文将带你学习vue项目部署及遇到的各种坑。”关于vue项目部署不得不提的是配置文件vue.config.js。

weixin_39997664·2023-11-03 20:39

vue项目中使用svg-sprite-loader

svg-sprite-loader的使用以及svgIcon的封装在vue项目开发中，如果想使用svg图标该如何使用呢svg的简单使用上面的方式已经满足我们的基本需求了，如果想自动化引入虽然自动化，很便捷了

簸箕0606·2023-10-29 03:12

vue打包后dist文件在本地启动运行

vue项目开发好后，想在本地运行测试最后的打包文件可以通过http-server来启动。

橙樱·2023-10-28 23:53

vue自定义组件绑定事件

在vue项目开发中，常常为了，节省代码、高效利用，会封装自定义组件，封装自定义组件，传值就是prop，那绑定事件呢？点击事件传值importDButtonfrom".

嘤嘤怪呆呆狗·2023-10-28 11:16

Vuex中状态管理器的使用详解

Vuex在Vue项目开发时使用的状态管理工具。

很酷的站长·2023-10-28 02:38

vue项目开发目录架构

一.整体的目录介绍1.目录架构-mockmock可以不需要后台，自动拦截ajax返回测试数据-public公共目录-src api 用于存放网络请求文件的目录index.tsxxx目录assets 存放静态文件的目录components 存放自定义组件的目录filter 过滤器的使用（例如时间data格式化）index.tsicons

好久不见丶ha·2023-10-19 10:28

前端 | 前端工程化

文章目录前端工程化1.Vue项目创建2.Vue项目目录结构3.vue项目开发4.Vue路由4.1安装路由4.2路由组成4.3定义路由表4.4设置路由标签5.Vue项目打包部署5.1前端工程打包5.2前端工程部署

憨憨李四·2023-10-18 15:35

使用Vue Styleguidist编写组件文档

在日常Vue项目开发中，我们难免需要写一些基础公共组件，在大型项目中，我们难免会遇到下面的痛点：组件API，对于Vue组件，有props、event、slot等接口，在团队内需要一定的沟通成本对于UI组件

weihongyu12·2023-10-18 00:42

luffy-04

xadmin2.首页轮播图接口#①轮播图表#②视图类(轮播图数量4,通过配置实现)#③前端对接#④后续:接口缓存3.git的使用3.1git的工作流程4.git分支git提交代码出现冲突的2种情况一.昨日回顾1vue

yikenaoguazi·2023-10-16 20:46

163-路飞04-xadmin&轮播图接口&git的使用1

昨日回顾1vue项目开发，单页面开发，新建一个组件，每个组件有三部分：templage，script，style2页面组件，小组件xx.html---->yy.html-页面组件----》页面组件3vue-router

Pinkman2k·2023-10-16 20:42

Vue项目开发流程

nodejs的安装nodejs下载*配置npm全局安装路径npmconfigsetprefix"D:\nodejs"设置成功npmconfiggetprefix能获取到路径*切换npm淘宝镜像加速资源下载npmconfigsetregistryhttps://registry.npm.taobao.org*安装vue-clinpminstall-g@vue/cli安装成功vue--version创

飞花落雨中·2023-10-13 03:06

推荐频道