VUE项目实战第7页

【前端】【面试】【经典一道题】vue中组件传值的几种方式

import{ref}from'vue';importChildComponentfrom'.

患得患失949·2025-02-12 01:03

推荐项目：Vue-Touch-Ripple，打造优雅的触碰涟漪效果

杭云瑗Ward·2025-02-12 01:29

Golang 清晰架构RESTful API项目实战指南

Golang清晰架构RESTfulAPI项目实战指南golang-clean-web-apiGolangCleanarchitectureRESTAPIexamplewithacomprehensiverealproject.Itusesdocker

郝赢泉·2025-02-12 01:59

【前端】【面试】【经典一道题】前端 Vue、React 采用单向数据流的原因

前端Vue、React采用单向数据流的原因一、可预测性1.数据流向清晰在单向数据流架构里，数据从父组件流向子组件的路径是明确且可预期的。

患得患失949·2025-02-12 00:26

vue实现自定义校验值是否有效

新建mixin/valid.jsexportdefault{data(){return{//invalidValues:newSet(["undefined","null","NaN","",null,undefined])invalidValues:["undefined","null","NaN","",null,undefined,NaN]};},methods:{isValidValue(

毛三仙·2025-02-11 23:14

Vue2常用指令

一、指令基础概念在Vue2里，指令是带有v-前缀的特殊属性。它的主要作用是当表达式的值发生变化时，会相应地将某些特殊的行为应用到DOM上。

鸡吃丸子·2025-02-11 22:38

在Vue项目中如何实现国际化（i18n）的高级支持，包括多语言切换、动态翻译、本地化资源管理等技术的应用，以及如何处理文化差异和性能问题!

在Vue项目中实现国际化（i18n）是支持多语言应用的关键需求。通过国际化，可以让应用适应不同语言和地区的用户，提升用户体验。

dxh_888·2025-02-11 22:36

✅毕业设计：python商品推荐系统+协同过滤推荐算法+网络爬虫 2种推荐算法计算机毕业设计大数据（附源码）✅

vx_biyesheji0004·2025-02-11 21:29

vue3 在线预览word文件

一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent

·2025-02-11 21:43

vue基础（五）

Vue实例在创建、挂载、更新、销毁的过程中会触发一系列的生命周期钩子（LifecycleHooks），让开发者可以在不同阶段执行逻辑。

Goodbaibaibai·2025-02-11 18:40

60秒看懂GIS开发高薪真相！！！

我们有企业级项目实战覆盖智慧城市、智慧地铁、智慧校园等实战项目，带你从需求分析到项目落地，掌握完整开发流程。名师

新中地GIS开发老师·2025-02-11 18:08

Vue3计算属性

比如说，我们有这样一个包含嵌套数组的对象：//jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

海绵宝龙·2025-02-11 18:05

Vue3 实现勾选 + 列表拖拽 + 搜索列表

item.label}}全选-->已选属性(共{{selectedItems.length}}个){{element.label}}置顶删除-->取消确认import{computed,ref,toRefs}from'vue'importdraggablefrom'vuedraggable

A-sleep·2025-02-11 17:59

vue3+vite assets动态引入图片的几种方式，解决打包后图片路径错误不显示的问题

vite官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题vue3

A-sleep·2025-02-11 17:29

Vue - elementUI 下拉菜单dropdown组件中command方法添加额外参数

在使用dropdown组件的时候，需要的参数可能很多，不仅仅是command一个参数。这就需要通过composeValue构造一个结构了。//方法部分的处理handleCommand(command){console.log(command)},composeValue(item,id){return{button:item,id:id}}打印结果table中编辑投放列表handleCommand

A-sleep·2025-02-11 17:29

【项目实战】计算点击率，如何将两个时间组成的List映射成一个Map返回给前端

一、第一次遇到1.1说明在Java中，经常有两个需要关联的独立列表。换句话说，我们有两个列表，一个包含键，另一个包含值。browserList=[{"browser":40,"day":1696694400000},{

本本本添哥·2025-02-11 16:27

【项目实战】接入极光推送SDK，实现从Java服务端后台推送自定义消息到Android车机端

一、需求描述项目中需要接入极光推送SDK，实现从Java服务端推送消息到Android车机端，以下实现的功能主要是安卓端的，IOS端的虽然代码也兼容了，但是不在本次讨论范围内。以下是具体的实现过程。二、极光推送介绍极光推送是一款提供高效、安全、可靠的移动推送服务的云端平台，帮助用户快速实现安全的移动消息推送，它能够支持Android、iOS和Web等多个平台，为客户端App提供推送服务。它可以帮助

本本本添哥·2025-02-11 16:26

vue3项目中使用lodash

createApp(App)app.config.globalProperties.lodash=_;//设置全局变了3.界面使用......import{getCurrentInstance}from"vue"const

·2025-02-11 16:25

vue3+vite项目h5/web配置浏览器自适应适配（postcss-px-to-viewport-8-plugin）

注意，项目中不要写行内样式vue3+vite项目配置适配H5主要安装一下两个插件：amfe-flexible（主要用于动态设置根元素字体大小(rem)，以根据屏幕尺寸进行自适应布局）postcss-px-to-viewport

·2025-02-11 16:25

vue3+vite项目，elementPlus自定义主题

vue3+vite配置elementPlus主题需要安装一下两个插件：unplugin-vue-componentsunplugin-auto-import开始配置：第一步、安装插件pnpminstall-Dunplugin-vue-componentsunplugin-auto-import

·2025-02-11 16:54

vue+echarts实现力导向图节点(自定义样式)

效果预览橘黄色节点为主节点自定样式，其余都是子节点实现步骤：附主要逻辑代码组装节点数据importuserselffrom'../../../../static/img/user-self.png'importuserotherfrom'../../../../static/img/user-other.png'varnodes=Object.values(this.nodesMap).map(f

在下陈平安·2025-02-11 16:19

vue中使用lodash的debounce(防抖函数)

1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种：handleInput:debounce(function(val){console.log(val)},200)第二种：handleInput(val){console.log(val)}created(){this.handleInput=de

晚时之秋·2025-02-11 15:17

Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图（结合Vue 详细教程）

目录Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图1.地图数据源类型及其使用方法1.XYZ(ol/source/XYZ)2.OSM(ol/source/OSM)3.WMS(ol/source/TileWMS)2.如何在地图中使用数据源1.使用XYZ数据源（StamenMaps服务）2.使用OSM数据源3.使用WMS数据源（以Geoserver服务为例）

三维giser·2025-02-11 14:43

monorepo代码管理框架

1.新建vue3-component文件夹2.运行pnpminit3.pnpmivuetypescript4.新建.npmrcshamefully-hoist=truelink-workspace-packages

Lanwarf-前端开发·2025-02-11 13:36

Vue2+Echarts封装组件：专注逻辑，图表生成自动化

通过Vue2封装了一个Echarts图表组件，不需要关注图表的生成和渲染了，只需要关注逻辑开发即可，包含了柱状图、折线图、饼图、柱状叠加图、柱状图折线图组合、柱状叠加图与柱状图的组合等，包含了图表下钻、

努力奋斗小白·2025-02-11 13:06

React Redux Webpack 项目实战指南

ReactReduxWebpack项目实战指南react-latest-framework项目地址:https://gitcode.com/gh_mirrors/rea/react-redux-webpack

裘羿洲·2025-02-11 13:03

Vue全流程--Vue3组合一ref与reactive（实现响应式）

ref：定义基本类型的响应式数据先看ref使用的位置import{ref}from'vue'exportdefault{name:'App',setup(){//数据letname=ref('张三')letage

不清参·2025-02-11 12:30

家政行业公共服务平台（源码+文档+部署+讲解）

系统概述家政行业公共服务平台采用前后端分离的架构设计，服务端基于MySQL5.7+、JDK1.8+和Redis，前端则采用VUE2.6.14和element-ui2.15.6，并在NODE14.21.3

·2025-02-11 12:49

watch与computed的区别

vue的watch细节watch的常用方法watch:{isStatus(newValue,oldValue){console.log('新',newValue,'旧',oldValue)}}当第一次赋值时就调用

·2025-02-11 11:02

Java全栈项目实战：在线课程评价系统开发

一、项目概述在线课程评价系统是一款基于SpringBoot+Vue3的全栈应用，面向高校师生提供课程评价、教学反馈、数据可视化分析等功能。

天天进步2015·2025-02-11 11:45

Vite：下一代前端开发工具的崛起

为了应对这些问题，Vue.js作者尤雨溪推出了新一代前端构建工具Vi

布兰妮甜·2025-02-11 11:15

深挖vue3基本原理之四 —— 组合式 API

四、组合式API的底层实现机制和设计4.1组件实例上下文深度剖析interfaceComponentInternalInstance{uid:number//唯一标识符（组件树定位关键）type:ConcreteComponent//组件原始定义（函数/对象形式）parent:ComponentInternalInstance|null//父实例（跨层级通信基础）appContext:AppCon

ZhooooYuChEnG·2025-02-11 10:14

Vue2与Vue3的区别

Vue2和Vue3是Vue.js框架的两个主要版本。Vue3在Vue2的基础上做了很多重要的改进和新增的特性，使得开发者能够更加高效地开发应用。

呀啊~~·2025-02-11 10:14

Vue 双向数据绑定的原理

Vue的双向数据绑定是其核心特性之一，它可以让视图与数据保持同步，简化了开发者在DOM操作上的工作。

呀啊~~·2025-02-11 10:14

智慧家政云服务平台（源码+文档+部署+讲解）

系统概述智慧家政云服务平台采用前后端分离的架构设计，服务端基于MySQL5.7+、JDK1.8+和Redis，前端则采用VUE2.6.14和element-ui2.15.6，并在NODE14.21.3(

亥时科技·2025-02-11 10:14

缓存组件＜keep-alive＞

2.使用场景场景1：tab切换时，对应的组件保持原状态，使用keep-alive组件使用：KeepAlive|Vue.js，参考官网即可。

Live&&learn·2025-02-11 10:40

django基于vue的校园外卖点餐系统(程序+开题报告)

基于此，开发一款基于Vue的校园外卖点餐

宇立毕设程序·2025-02-11 09:33

所罗门诺夫的毕生研究方向

所罗门诺夫的毕生研究方向关键词：所罗门诺夫，人工智能，计算机科学，算法，数学模型，项目实战摘要：本文旨在深入探讨计算机科学领域中的杰出人物——所罗门诺夫的毕生研究方向。

AI天才研究院·2025-02-11 08:24

光学分辨率转换公式

OpticalResolution）1.1、光学显微镜的分辨率极限（理论-公式-计算）1.2、光学误差1.3、放大倍率与分辨率的关系二、光学分辨率转换2.1、技术方法2.2、挑战与注意事项2.3、转换公式2.4、项目实战一

胖墩会武术·2025-02-11 08:52

Docker Compose一键部署Spring Boot + Vue项目

目录前提条件概述Compose简介Compose文件Compose环境Compose命令帮助命令关键命令Compose部署项目初始化环境查看代码文件sql数据准备nginx配置文件准备创建compose.yaml一键启动compose多个容器浏览器访问虚拟机ip:80(可省略默认的80端口)查看Compose运行的容器查看容器日志关闭并删除Compose开启的容器前提条件熟悉Docker、Spri

m0_74824877·2025-02-11 07:14

前端状态管理全面解析：从 Vuex、Pinia 到 Redux、Recoil

前端状态管理全面解析：从Vuex、Pinia到Redux、Recoil前言在现代前端开发中，状态管理（StateManagement）是一个绕不开的话题。

全栈探索者chen·2025-02-11 06:38

vue3+vite使用Monaco-editor

安装Monaco-editornpminstallmonaco-editor安装VitePluginMonacoEditorvdesjs/vite-plugin-monaco-editor-Vite中文文档npminstall--save-devvite-plugin-monaco-editorvite.config.ts:import{defineConfig}from'vite';import

小杨爱编程·2025-02-11 06:05

Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal（在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,）

前言用过ElementUI/AntDesignvue组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还可以在纯js文件中引入组件和调用显示。

王二红·2025-02-11 05:01

vue3结合element-plus之如何优雅的使用表单组件

小白小白从不日白·2025-02-11 05:30

「vue」elementUI table组件获取表格当前行的索引

本文主要介绍elementUItable组件获取表格当前行的索引<templateslot-scope=

吴维炜·2025-02-11 05:59

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的步骤条指令输入think步骤步骤1：安装依赖项步骤2：创建文件结构步骤3：编写Vue组件

宝码香车·2025-02-11 05:29

vite + vue3 + uniapp 项目从零搭建

vite+vue3+uniapp项目从零搭建1、创建项目1.1、创建Vue3/vite版Uniapp项目1.2、安装依赖1.3、运行项目2、弹出用户隐私保护提示方法2.1、更新用户隐私保护指引和修改配置文件

W.Y.B.G·2025-02-11 05:59

前端 Vue 性能提升策略

对于使用Vue.js构建的应用，性能优化不仅涉及通用的前端技术，还包括针对Vue特性的特定优化措施。本文将从多个方面探讨如何全面提升前端和Vue应用的性能。

随风九天·2025-02-11 05:58

vue3中v-model的原理

1.v-model的实现方式v-model在Vue.js中是一个语法糖，它实际上是:modelValue和@input事件的组合。

zzzjnnn·2025-02-11 04:58

Vue2中v-model和.sync修饰符的实现原理及区别

文章目录引言一、v-model二、修饰符.sync三、总结引言 Vue2中实现双向数据绑定的方式有两种，一个是v-model，一个是.sync修饰符。

9527566465·2025-02-11 04:58

推荐频道

VUE项目实战