【最佳实践】Vue实战项目

Vue2组件间通信的14种方式详解

（本篇以Vue2为主，Vue3在写啦）开始（引用一张举例图，全文依据下图关系进行举例说明）A组件==1.props/$emit//父向子传值importaaafrom'.
SqCheese·2024-09-10 02:32

【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

出现的问题新项目启动的时候，提示：SyntaxError:SassError:expectedselector看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法，某个版本之后就不支持了但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因解决办法将/deep/更换为::v-deep但是这个项目是多人协作的，有大量页面使用，修改的话会涉及很多页
lxx-sissi·2024-09-10 02:00

Vue 中的 Vuex：全面解析与使用教程

什么是Vuex？Vuex是Vue.js官方提供的状态管理模式，专为Vue.js应用设计。
NMY112·2024-09-10 02:00

Vue 3中的 路由守卫：全面解析与使用教程

什么是Vue路由缓存？Vue路由缓存是通过Vue的内置组件实现的，它可以缓存组件的状态和DOM节点，避免在组件切换时销毁并重新创建组件。
NMY112·2024-09-10 02:00

Vue.js 路由守卫详解

Vue.js是一个用于构建用户界面的渐进式框架。在大型应用中，路由是管理页面间导航的关键部分。VueRouter提供了一系列的路由守卫，帮助开发者在用户导航到新页面时执行特定逻辑。
NMY112·2024-09-10 02:59

vue+jsonrpc+mongoDB文件传输解决方案（任意格式文件）

环境及需求：前端采用vue；后端采用spring，但是只用到了spring的对象注入功能，未使用springweb相关功能。
weideng_san·2024-09-10 02:28

vue3+tesseract 图片文字提取

可实现多语言识别，中英文混合识别demo如下：importTesseractfrom"tesseract.js"//方式1：Tesseract.recognize('http://localhost:5173/vue.jpg
妙明元心·2024-09-10 01:55

vue3 watch监听响应式数组失效问题

constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
妙明元心·2024-09-10 01:55

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2
小周不想卷·2024-09-10 01:41

Docker安全最佳实践

目录1、探测容器开放端口和服务漏洞2、宿主机、网络、镜像、DockerApi安全3、更新Docker、日志、事件4、Docker安全测试5、Docker安全最佳实践1、探测容器开放端口和服务漏洞使用Nmap
行路见知·2024-09-10 00:34

vuex小白入门

首先：Vuex是什么？有关于Vuex，官网是这样定义的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。
前端一菜鸟·2024-09-09 22:54

第五天Vue学习

{{item}}{{key+'----'+i}}varapp=newVue({el:'#app',data:{books:['化学','物理','英语','数学','语文'],person:{name:
余心不忍·2024-09-09 21:21

vue开发过程中，修改了数据，但是页面不渲染，没变化！怎么办？

在做项目中遇到一个问题对某个参数赋值成功后页面中没有改变经过多方查阅终于解决这个问题跟大家分享一下希望可以帮到你方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写this.items=JSON.parse(JSON.stringify(this.items));方法2：用:key给
烂笔头儿@·2024-09-09 21:50

vue3 el-menu 菜单Maximum recursive updates exceeded 报错

vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
supming1·2024-09-09 21:48

vue原理分析（六）研究new Vue()

今天我们来分析使用newVue()之前研究时，只是说是在创建一个实例。并没有深入进行研究在vue的源码中找下Vue的构造函数functionVue(options){  if(!
嗓子疼谁心疼·2024-09-09 21:47

Vue 中 nextTick 的最主要作用是什么，为什么要有这个 API

在Vue.js中，nextTick是一个用于在DOM更新后执行代码的API。它的主要作用是确保在某个操作完成后，DOM已经更新且可以被访问或操作。
m0_73882020·2024-09-09 20:15

SprinBoot+Vue动漫交流与推荐平台的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计
赵广陆·2024-09-09 20:44

Java面试题--JVM大厂篇之破解Java性能瓶颈！深入理解Parallel GC并优化你的应用

ParallelGC的工作原理2.配置ParallelGC3.监控和分析GC日志4.常见调优技巧5.持续迭代和优化结束语：补充考虑1.综合考虑吞吐量与响应时间2.评估和优化垃圾回收频率3.动态调整与自适应策略最佳实践定期基准测试与压力测试实时监控与告警机制探索替代垃圾回收器结论引言
青云交·2024-09-09 17:53

Java技术：2024年开发者必须了解的10个要点

本文旨在为Java开发者总结2024年必须掌握的关键技术点和最佳实践。1.浅谈Java语言基础与面向对象编程(OOP)简介Java语言的基础和面向对象的核心概念，强调它们在构建复杂系统中的重要性。
青云交·2024-09-09 17:20

Django5+Vue3:OA系统前后端分离项目实战-后端登录功能实现(7)

Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。
Fender的web学习路程·2024-09-09 17:48

Web前端最全初识Sentry前端监控，浅谈前端消息机制原理

Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script
2401_84433924·2024-09-09 17:18

Node.js入门与生态全解析：包管理与构建工具详解

入门与生态全解析：包管理与构建工具详解目录包管理使用npm和yarn：项目依赖管理的利器创建和发布npm包：实现模块化与共享⚙️构建工具使用Webpack和Babel：高效打包与代码转换配置构建流程：优化与自动化的最佳实践包管理
Switch616·2024-09-09 17:46

tailwindcss在vue2中安装配置流程

vue版本不一样配置也不一样tailwindcss官网v2当前node（16.17.0）vue-cli（5.0.0）1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss
Zeng　·2024-09-09 15:03

vue 全局弹窗组件封装

对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。1.新建弹窗组件页在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）exportdefault{name:'EditboxForm',inheritAttrs:false,props:{//是否显示editBoxShow:{type:Boolean,default:func
阿wei程序媛·2024-09-09 14:31

符合ASPICE标准的最佳实践，比如质量管理

在符合ASPICE标准的质量管理最佳实践中，着重于确保软件产品的质量符合预期并满足客户的需求。首先，团队应建立完善的质量管理体系，包括质量策划、质量保证和质量控制等方面。
华菱企业管理咨询·2024-09-09 14:29

Vant组件库CountDown倒计时组件实现京东倒计时（每日固定时间）

如标题所示功能实现依赖于vant组件库，所以依照以下步骤来一步步进行操作在main.js中按需引入Vant组件库中的倒计时组件import{CountDown}from'vant';Vue.use(CountDown
Ashindn·2024-09-09 12:43

18.菜单logo制作

菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/
不蒸馒头曾口气·2024-09-09 11:06

vue3使用simple-mind-map，分分钟开发思维导图

感觉很复杂的样子，这种很牛p的东西应该不是我三两天就能手写搞定的，于是我github转了一圈，果然不出我所料，对比了几个插件以后我是先选择了vue3-mindmap简单易用。
码农九零·2024-09-09 09:55

vue项目安装sass报错解决

把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了
max_jianshu·2024-09-09 08:08

@Slf4j注解 - javaweb日志记录

本文将详细讲解@Slf4j注解的相关内容，包括其概念、使用方法以及一些最佳实践。2.什么是Lombok？Lombok是一个Java库，它通过注解的方式帮助开发者减少样板代码
需要重新演唱·2024-09-09 06:36

客户数据管理的最佳实践-构建客户统一视图

文章摘自7月16日，华矩科技数据治理系列讲座，谭海华先生带来的分享：客户数据管理的最佳实践-构建客户统一视图，说明客户数据管理的流程与难点，以及数据质量与治理在构建客户统一视图的角色。
hanxiaolaa·2024-09-09 06:00

Grafana仪表盘设计最佳实践：如何创建有效的监控面板

Grafana仪表盘设计最佳实践：如何创建有效的监控面板引言Grafana是一个开源的数据可视化和监控平台，它提供了丰富的仪表盘功能，用于展示和分析各种数据源（如Prometheus、InfluxDB、
范范0825·2024-09-09 05:24

开源GIS与Vue结合

相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur
桃子味的白开水·2024-09-09 04:31

vue如何引入element-ui

2.x用element-ui3.x用element-plushttps://blog.csdn.net/weixin_41207479/article/details/127066333引入element-ui的三种方式
大霞上仙·2024-09-09 04:18

vue axios发送post请求跨域解决

后端解决参考Django跨域解决-CSDN博客该方法之前试着可以的，但是复制到其他电脑上报错，所以改用前端解决1、main.js做增加如下配置importaxiosfrom'axios'Vue.prototype
大霞上仙·2024-09-09 03:17

java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis VUE3 ElementUI 微服务

该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能
m0_66404702·2024-09-09 02:09

vue3+ant design vue实现表格导出（后端返回文件流类型导出）

1、之前的博客介绍了，依据页面展示的table表格数据为基础展示表格导出，今天介绍下后端返回文件流来实现表格导出。导出import{ExportTheEmployeesTab}from'@/api/import';//导出import{downExcelUrl}from'@/utils/downloadFile';constsearchRef=ref();constexportData1=()=>
炒毛豆·2024-09-09 02:09

DataV的安装与使用（Vue3版本）

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~
炒毛豆·2024-09-09 02:39

Vue3+vite打包配置及部分打包优化~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？这里配置base主要是修改根路径，一般我们在开发环境中引用静态资源可能使用的是绝对路径，但是一旦打包部署到服务器上后可能会报404,无法正确的获取的资源。)//在vite.config.ts中import{defineConf
炒毛豆·2024-09-09 02:39

vue3中发请求配置{ isGetDataDirectly: false }属性的作用~

1、{isGetDataDirectly:false}的作用：设置不直接获取数据。2、代码示例：letbaseURL='/api';exportconstgetEmployeeTab=(params)=>{returnrequest({url:`${baseURL}/staff-tag/query-tag`,method:'GET',params,},//设置不直接获取数据{isGetDataDi
炒毛豆·2024-09-09 02:39

Vue66 多组件共享

代码Count.vue当前求和为：{{sum}}当前求和放大10倍为：{{bigSum}}我在{{school}}，学习{{subject}}Person组件的总人数是：{{personList.length
在下，杨江河·2024-09-09 02:35

【vue3】钩子函数详细介绍

1、setup()这不是一个传统的钩子函数，但它是最主要的入口点，其为我们使用Vue3的CompositionAPI新特性提供了统一的入口，用于初始化组件的状态和定义组合逻辑。
纳米小川·2024-09-09 01:31

Vue组件父子传值

全局组件我是程序员我是程序员/*模板的第一种写法*/Vue.component('child1',{template:`我是child1`})Vue.component('childA',{template
冲锋敢死曾小贤·2024-09-09 01:13

在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务

安装Proj4js：首先，在Vue项目中安装P
卡夫卡的小熊猫·2024-09-08 23:17

前端引入ffmepg 对视频画矩形贴图

业务场景：和后端联调中视频监控需要把人员位置框出，返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架vue3+vite+typeScript引入ffmepgnpmi@ffmpeg
全赣州最老实的男人guoy·2024-09-08 22:09

解决Vue 2.0 安装 vue-router 不成功问题

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本npmivue[email protected]
什么都是已存在·2024-09-08 21:32

【附源码】计算机毕业设计Python安卓校园外卖点餐系统ojry5（源码+程序+LW+调试部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Python3.7.7+Django+Mysql5.7+piplist+HBuilderX（Vscode也行）+uni+Vue
Python毕设程序设计uniapp·2024-09-08 21:01

vue实现扫码枪监听

exportdefault{data(){return{}},mounted(){//监听按键varcode=''varlastTime,nextTime//上次时间、最新时间varlastCode,nextCode//上次按键、最新按键document.onkeypress=(e)=>{//获取按键if(window.event){//IEnextCode=e.keyCode}elseif(e.
谁点的猪脚饭·2024-09-08 21:28

uniapp安装自动导入插件

在日常编写中发现不断的使用import太麻烦,每次使用组件都需要导入,应该如何解决呢可以通过unplugin-auto-import插件来完成主要功能自动导入Vue组件:例如ref,reactive,computed
小汤猿人类·2024-09-08 20:27

常见的设计模式

设计模式是面向对象设计中解决常见问题的一套最佳实践，它们为开发者提供了通用的解决方案。1.单例模式（SingletonPattern）定义：确保一个类只有一个实例，并提供一个全局访问点。
学Java的skyyyyyyyy·2024-09-08 20:54
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他