傻瓜Vue 第4页

Stack Navigator中使用自定义的Render Callback

前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？

AI画手小王·2025-03-14 06:32

前端打包优化相关 Webpack

怒放的生命1991·2025-03-14 06:31

Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app

##技术栈概述###前端-**框架**：React.js或Vue.js（用于构建用户界面）-**3D可视化**：Three.js或React-Three-Fiber（用于

Geeker-2025·2025-03-14 05:28

面试官：Vue中的过滤器了解吗？过滤器的应用场景有哪些？

是什么过滤器（filter）是输送介质管道上不可缺少的一种装置大白话，就是把一些不必要的东西过滤掉过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数Vue

动感超人，·2025-03-14 04:16

Vue3开发 vue-router的使用

1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。

CV菜鸟#·2025-03-14 03:45

vue面试题

二、vue的事件修饰符.stop阻止冒泡，由内到外.prevent阻止默认

阡陌路人·2025-03-14 03:44

springboot+vue实现登录功能

一、介绍搜索了csdn全站博客，关于springboot+vue的前后端分离实践项目很多，但是对于最基础登录功能的博客却是几年前的了。

m0_67402096·2025-03-14 01:04

深度掌握 ReactJS 高级概念：前端开发者必备

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这篇文章汇总了ReactJS中值得深入研究的高级概念。

·2025-03-14 00:06

vue中的keep-alive用过吗？什么是keep-alive？

keep-alive是Vue的一个内置抽象组件，通常用于缓存动态组件或路由组件。

张小瑜·2025-03-13 23:20

什么是vue的keep-alive?它是如何实现的？具体缓存了什么内容？

文章目录一、`keep-alive`的核心作用二、实现原理1.缓存管理策略2.核心源码解析（Vue2.x简化版）3.缓存生命周期三、缓存的具体内容1.缓存对象结构2.具体缓存内容四、使用示例1.基础用法

北辰alk·2025-03-13 22:14

vue+django 前后端数据同步

目标：在views.py中，准备好数据后，通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后，点击按钮提交后，以对象的形式向views.py传递并更新后端数据。

weixin_44079503·2025-03-13 22:11

Django+Vue+ElementUI父子组件参数传递?子组件数据变化兄弟组件实现联动?多个表单同时校验?内置事件添加自定义回调参数?等问题的解决办法

目录前言：问题列表：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的事件并且带默认参数的事件增加自定义参数问题解决：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的

JamesDanni·2025-03-13 22:38

vue3+element-plus里面的el-submenu组件显示问题

问题描述：：今天使用vue3做后台管理页面的左侧导航栏用到了el-submenu,但是显示出了问题，不能正常显示。

qq_490824614·2025-03-13 22:38

Vue 结合 Django进行数据传值

1、Vue前端向后端传值的方法（axios）//get方法传值axios.get('/testdemo/demo/demo1?

pathconquer·2025-03-13 21:37

vue和django接口联调

vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。

变形金刚卖人寿保险还是汽车保险·2025-03-13 21:37

Vue3的Hook指南

文章目录一、什么是Hook？1.技术本质2.与工具函数的区别二、Hook存在的意义1.解决传统模式的三大痛点2.核心优势矩阵三、开发实践指南1.基础创建模式2.组件内使用四、最佳实践1.复杂Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态

Hopebearer_·2025-03-13 19:49

vue2 中 watch 监听属性

文章目录vue2中watch监听属性1.简介2.基本语法1.函数式写法2.对象式写法3.示例1.基础用法2.深度监听对象属性3.立即执行watcher4.性能优化5.实际应用场景1.数据变化时执行异步操作

Hopebearer_·2025-03-13 19:49

vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化

问题编辑src/views/Home.vue，添加一个主颜色的按钮。

mirahs·2025-03-13 19:17

vite+vue+ts+element-plus从零开发管理后台框架(03)-路由

新建视图新建src/views/Login.vue，内容如下。这是登录页新建src/views/Main.vue，内容如下。这是主页新建src/views/errors/404.vue，内容如下。

mirahs·2025-03-13 18:17

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。

貂蝉空大·2025-03-13 18:15

vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置

之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl

mirahs·2025-03-13 18:41

【Git】 fatal: detected dubious ownership in repository 解决方法

git操作错误提示:解决方法:方法一：输入gitconfig--global--addsafe.directoryC:/Users/21077/vue_shop，但是这只能解决当前的git仓库，其他的git

小段爱前端·2025-03-13 18:09

Vue3中实现el-table单选功能（取消前一项的选中）

需求描述产品说，表格行要只能选中一个且，不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后，去除前一项的选中状态@select="selectChange"constsel

·2025-03-13 15:48

vite+vue+ts+element-plus从零开发管理后台框架(20)-多页签移除和跳转

多页签添加移除方法编辑src/store/fastnav.ts，添加removeData方法。removeData(path:string):string{if(this.datas.length{{item.desc}}script段添加onTagClose方法。constonCollapseSwitch=()=>{menuStore.collapse=!menuStore.collapse}c

·2025-03-13 15:44

# 2025年前端开发趋势：全栈化、AI化与跨端融合

作者：沈大大更新时间：2025-03-10一、技术栈演进1.1全栈化趋势//全栈应用示例import{createApp}from'vue'import{createServer}from'nitro'import

沈大大520·2025-03-13 14:14

【第1到23讲】基于vue + spring boot学生宿舍管理系统（文末附项目完整源代码+万字文档）

基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn

LuXi_foryou·2025-03-13 14:42

【第24讲到第44讲】基于vue + spring boot学生宿舍管理系统

utils/http'exportconstgetMenuListApi=async()=>{returnawaithttp.get("/api/menu/list",null)}2、sysMenuList.vue

LuXi_foryou·2025-03-13 14:12

vue-esign实现电子签名

导入依赖pnpminstallvue-esign--savesign.vue代码实现取消清空画板确认签名importvueEsignfrom"vue-esign";exportdefault{data(

dlhto·2025-03-13 14:11

Vue：其他指令

Vue：其他指令2.13.1、v-textv-text指令用于将数据填充到标签体当中，并且是以覆盖的形式填充。

真der~啊·2025-03-13 13:39

npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库

1.初始化项目本示例使用npm7+版本（项目为sos-ol-map）#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线：

sisimi_43966973·2025-03-13 12:30

express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统

网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。

鱼弦·2025-03-13 11:23

使用Vite创建Vue3项目

#npm6.x版本，使用这个npminitvite@latest--templatevue#npm7版本以上，要多加两条杠npminitvite@latest----templat

Asafoetida阿魏·2025-03-13 11:20

vue判断视频链接是否有效

//判断视频链接是否有效functioncheckVideoUrl(src){//创建一个隐藏的元素letvideo=document.createElement("video");video.style.display="none";//隐藏该元素document.body.appendChild(video);//设置视频源video.src=src;//监听视频元数据加载完成事件video.

指针满天飞·2025-03-13 10:14

deepseek在vue3的应用

npminstallvue3-markdown-it注意是vue3-markdown-it不是markdown-it这个是对输出的文字做优化。

白马？定叫他有来无回！·2025-03-13 10:10

前端小食堂 | Day15 - VueUse 魔法道具库

今日宝箱：30+效率神器一键获取1.响应式操控の六脉神剑//鼠标跟踪const{x,y}=useMouse()//网络状态感知const{isOnline,offlineAt}=useNetwork()//设备检测const{isMobile,isTablet}=useDevice()//元素尺寸监听consttarget=ref(null)const{width,height}=useEleme

喵爪排序·2025-03-13 09:07

DeepSeek本地部署傻瓜版教程｜学习资料合集

资料领取链接：https://pan.quark.cn/s/b469ed4018ff华为最新版PC支持DeepSeek本地部署了，拥有一个自己的DeepSeek优点有哪些？1：速度贼快，无延迟。2：无需网络，没网也能流畅运行3：数据安全，不会泄露等等有了自己的DeepSeek，不会使用也是浪费。目前绝大多数人对DeepSeek的使用都很浅显，真正会用的，能结合到生活和工作中的少之又少。清华大学和北

航锦234·2025-03-13 09:04

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v

牛牪犇0·2025-03-13 08:59

vue-route

官方文档声明式导航比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5history模式下，router-link会守卫点击事件，让浏览器不再重新加载页面。当你在HTML5history模式下使用base选项之后，所有的to属性都不需要写(基路径)了。编程式导航r

shadouqi·2025-03-13 08:27

动态路由和菜单

接口返回数据整理成动态路由后端接口返回数据{"code":20000,"value":[{"path":"/example","component":"layout/index.vue","redirect

shadouqi·2025-03-13 08:27

Vue.Js 是一个渐进式的 JavaScript 框架，专为构建用户界面而生，尤其擅长打造单页应用（SPA）。其核心设计理念在于组件化，即将用户界面拆解为独立且可复用的组件单元。以下是 Vue.Js

1.创建Vue.Js组件在Vue.js中，组件是一个Vue实例，可以包含模板、数据、方法、生命周期钩子等。1.1全局组件全局组件可以在任何Vue实例中使用。

一一代码·2025-03-13 07:48

Vue输入框获取焦点

1.元素未渲染完成如果你在组件挂载或数据更新后立即调用focus()，可能元素还未渲染到DOM中，导致focus()失效。解决方法：确保在元素渲染完成后再调用focus()。可以使用nextTick确保DOM更新完成。2.ref未正确绑定确保ref正确绑定到目标元素上。3.元素不可聚焦不是所有HTML元素都支持focus()方法。确保目标元素是input、textarea、button等可聚焦元素

冰淇淋@·2025-03-13 06:44

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

安装插件npminstall@vueuse/[email protected]编辑src/views/Main.vue，template段header-right下最前面添加如下代码。

·2025-03-13 06:32

vue项目全局引入scss文件

在Vue项目中，可以通过以下步骤全局引用SCSS文件：1、首先，确保你的Vue项目已经安装了SCSS的相关依赖，可以使用npm或者yarn进行安装。

马康鑫·2025-03-13 05:03

【前端】【nuxt】几种在 Nuxt 客户端使用console的方式

方法1：在Vue生命周期钩子中使用只在客户端执行的钩子（如mounted）中打印：exportdefault{mounted(){console.log('仅在客户端显示',this.

患得患失949·2025-03-13 05:01

Vue循环动态生成标签--小白教学

今天写代码，使用Vue从数据库中动态获取数据，循环生成到页面。一直都会用，今天好好捋一下思路。一：定义属性首先在Vue实例中定义集合用于接收数据。注意：如果使用组件则必须使用data()回调函数。

兢兢业业的小白鼠·2025-03-13 04:30

2.4 基于Vitest的单元测试基础设施搭建

Vitest核心定位2.基础设施架构设计整体架构图3.环境配置全流程3.1基础环境搭建3.2配置文件`vitest.config.ts`3.3测试环境初始化4.测试用例编写规范4.1基础测试示例4.2Vue

北辰alk·2025-03-13 04:55

ant design vue的级联选择器cascader的悬浮层样式怎么修改

平时想要修改组件内定样式会使用穿透deep和！important调优先级，但是在这里都不行，样式都不能改变后来尝试出来是因为加了scoped，样式不起作用，但是不能直接去掉scoped，别的样式会受到影响，单独加一个style标签，只处理cascader内容.ant-cascader-menu{height:auto!important;width:200px;}

JAVA叶知秋·2025-03-13 02:15

VUE中出现多个页面的样式冲突问题

1.使用Vuescoped样式隔离在标签添加scoped属性，自动生成唯一属性选择器实现样式隔离：.container{/*仅当前页面生效*/}注：H5端通过scoped实现隔离，小程序/APP端通过自动转换类名实现