Vue从入门到精通第5页

从零搭建Vue3工程化项目实战指南（2025新版）

一、为什么需要工程化？传统开发痛点：手动管理依赖版本缺乏统一构建流程代码规范难以统一项目结构混乱工程化优势：标准化开发流程自动化构建/测试生产环境优化可维护的代码结构二、环境准备（Windows/Mac通用）1.安装Node.js推荐使用nvm管理多版本：#安装nvmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/instal

超浪的晨·2025-02-12 18:00

基于SSM+Vue的手机商城销售系统项目

基于SSM+Vue的手机商城销售系统项目，该系统进行前后端分离开发，最后打包整合开发环境：jdk1.8，tomcat1.8，node.js,Mysql8.0开发工具：idea2019开发技术：SSM，Vue

酷爱码·2025-02-12 18:26

vue中实现数字滚动效果

安装vue-count-tonpminstallvue-count-to引入vue-count-toimportCountTofrom'vue-count-to'exportdefault{components

a濯·2025-02-12 16:16

2024年10月 vue 脚手架安装保姆教程（真正的手把手）

一、概念：Vuecli就是脚手架。cli全称：commandlineinterface即命令行接口二、安装脚手架1.环境准备1）下载node.js,并进行安装。

青岛亿恩斯·2025-02-12 14:00

基于vue的h5项目之支付宝支付与微信支付

一、支付宝h5支付支付宝h5支付操作起来是超级简单的，前端关键代码如下：this.$http.getTradeNo(lastParams).then(res=>{this.$http.doPayAlipay({oid:res.data,//取到的交易订单号url:yourBackUrl//成功后的回调地址}).then(resAlipay=>{//避免时间间隙造成的用户误操作，尽管拿到数据了仍然显

随便的名字·2025-02-12 14:29

vue 调用c++_electron 调用原生模块及c++与js交互

环境篇touchbinding.gyp//创建构建文件加入以下代码{"targets":[{"target_name":"greet",//greet为输出的文件名"sources":["./src/greeting.cpp",//greeting.cpp为输入的c++文件],}]}创建一个入口c++文件cdsrctouchgreeting.cpp//放入以下代码#includeusingname

weixin_39857513·2025-02-12 14:59

vue3: const一个function怎么写呢？

回答：在Vue3中，`ref`和`reactive`是两种常用的响应式数据定义方式。`ref`用于定义单个响应式对象或原始值，而`reactive`用于定义响应式对象。

fury_123·2025-02-12 13:56

DeepSeek 是什么？

清华大学出的《DeepSeek从入门到精通》使用手册，好好看看。今天，R哥就带大家来一探究竟。DeepSeek是国内一款开源的大模型，主打通用AI能力，类似于Op

·2025-02-12 13:12

Vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的

ConstMAO·2025-02-12 12:51

手把手教你使用deepseek和ChatGPT，从入门到精通

ChatGPT和DeepSeek作为先进的人工智能技术，在多个领域都具有极为重要的价值。在科研中，它们能够帮助研究人员快速梳理海量文献资料，精准定位关键信息，为实验设计、理论推导提供思路启发，还能辅助进行数据分析和结果解读，从而加速科研进程，推动学术创新。在生活中，它们可以为人们提供便捷的智能助手服务，无论是解答日常疑问、规划行程，还是提供生活建议，都能提升生活品质和效率。在学习方面，它们是强大的

WangYan2022·2025-02-12 12:18

2025 年前端开发现状分析：卷疯了还是卷麻了？

一、前端现状：框架狂飙，开发者崩溃如果你是个前端开发者，那么你大概率经历过这些场景：早上打开CSDN（或者掘金，随便），发现又有新框架发布了，名字可能是VueXNext.js之类的。

ConstMAO·2025-02-12 11:46

《清华大学deepseek入门到精通》下载

《清华大学deepseek入门到精通》下载清华大学推出的《DeepSeek：从入门到精通》是一本深度学习领域的指导手册，它旨在为学习者提供一个从基础到高级应用的全面学习路径。

Simulink学堂·2025-02-12 11:45

【Vue.js 中父子组件通信的最佳实践】

Vue.js中父子组件通信的最佳实践前言在Vue.js应用开发中，组件通信是构建复杂应用的基础。父子组件通信作为最常见的场景，其实现方式直接影响代码的可维护性和可扩展性。

程序员远仔·2025-02-12 11:14

SpringBoot+Vue实战解析，前端别再问我了！

文章目录前言一、GET下载文件：简单直接，但并非万能1.1前端示例代码1.2后端示例代码二、POST下载文件：低调奢华，暗藏玄机1.1前端示例代码1.2后端示例代码三、GETvsPOST：如何选择？总结前言前端同事：“POST下载文件怎么接收？”我：“？？？”这问题，就像问“用筷子怎么喝汤”一样让人哭笑不得！不过，既然有人问，那我就来当一回“科普达人”，给大家讲讲GET/POST下载文件的区别，保

程序员小严·2025-02-12 09:02

深入浅出Vue.js：从入门到实战开发指南

文章目录一、Vue.js简介1.1什么是Vue.js？

chenNorth。·2025-02-12 09:01

AI大模型开发必读书籍从入门到精通：三本关键的AI大模型书籍推荐

近年来，人工智能（AI）迅速崛起，成为科技领域最为炙手可热的话题之一。AI的高效性不仅大幅提升了各行各业的生产力，还在许多领域中创造了前所未有的创新机会。尤其是AI大模型的开发，更是引领了科技发展的新趋势。随着大模型在自然语言处理、图像识别、自动化决策等方面展现出强大的能力，越来越多的企业和研究机构将其视为未来发展的核心技术。对于程序员来说，这是一个前所未有的契机，不仅可以通过掌握大模型开发的技能

程序员辣条·2025-02-12 09:30

【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported

一、报错内容D:\Project\xxx\xxx>npmrundev>[email protected]>vue-cli-serviceserveINFOStartingdevelopmentserver

本本本添哥·2025-02-12 08:54

元宵源码大奉送

部分SSM系统列表ssm基于SSM的毕业生就业管理系统+vuessm基于ssm框架的校园闲置物品交易平台+jspssm社区医疗保健监控系统

码递夫·2025-02-12 07:49

vue项目启动报错：error:0308010C:digital envelope routines::unsupported

vue项目启动报错：error:0308010C:digitalenveloperoutines::unsupportednodejs17以上版本允许算法和密钥大小有问题将node.js版本换成18+后

想坠入海底·2025-02-12 07:49

Rust GUI框架Tauri V1 入门

__TAURI_INVOKE__.invokeisundefined问题参考资料JavaScript模块Vue框架VueRouteviteNuxt参考资料Tauri介绍Tauri是一款用Rust构建的开源框架

怪我冷i·2025-02-12 07:47

【C#零基础从入门到精通】(十二)——C# break、continue、goto：跳出循环详解

【C#零基础从入门到精通】(十二)——C#break、continue、goto：跳出循环详解在使用循环语句时，并不是必须等待循环完成后才能退出循环，我们也可以主动退出循环，C#为我们提供了break、

_Csharp·2025-02-12 06:08

vue+element el-tree 最详细的使用方法，包含真实数据渲染

上一篇文章贴了完整的el-tree代码，这一篇详细的描述一下如何在项目中使用传送门，el-tree完整代码，有完整的代码先从这一段代码开始，对应的是左侧的树区域input的v-model绑的值在data中定义：filterText:“”,//树过滤在watch中监听，筛选的值会不断发生变化，所以要监听值的变化，调用树的filter方法，用this.$ref.tree点出来。watch:{filte

春晓_春眠花落·2025-02-12 05:33

UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑

UniApp+Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑欢迎关注『开发必备』专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。

代码简单说·2025-02-12 03:17

计算机毕业设计——springboot的准妈妈孕期交流平台

作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。

程序媛9688·2025-02-12 02:41

[vue3] Ref Reactive

【b站-【前端面试】Vue3ref与reactive区别】Ref：Ref用于创建一个响应式的基本数据类型，比如数字、字符串等。它将普通的数据变成响应式数据，可以监听数据的变化。

533_·2025-02-12 02:09

在React中使用v-if语法(基于babel)

众所周知在React中并没有像Vue那么多的API，所有功能都要依托于原生JS去实现。

weixin_33739541·2025-02-12 01:34

【前端】【面试】ref与reactive的区别

ref与reactive的区别笔记一、概述在Vue3的组合式API中，ref和reactive是两个非常重要的响应式工具，它们都用于创建响应式数据，但在使用方式、适用场景和内部实现上存在一些区别。

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

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

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

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

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

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

【前端】【面试】【经典一道题】前端 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

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

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

SQL自学，mysql从入门到精通 --- 第 14天，主键、外键的使用

1.主键PRIMARYKEY主键的使用字段值不允许重复，且不允许赋NULL值创建主键root@mysqldb10:11:[d1]>CREATETABLEt3(->namevarchar(10)PRIMARYKEY,->ageint,->classvarchar(8)->);QueryOK,0rowsaffected(0.01sec)root@mysqldb10:12:[d1]>createtabl

Mr.L-OAM·2025-02-11 16:26

SQL自学，mysql从入门到精通 --- 第 16天，数据备份

数据的完全备份1.物理备份[root@mrloam~]#cp-r/data/mysql//root/mysql.bak备份策略：完全+差异完全+增量2.完全备份mysqldumpmysqldump-uroot-p密码库名>目录/文件名.sql库名的表示方式：备份1台服务器上的所有数据--all-databases或-A备份1个库里的所有表库名备份1张里的所有记录库名表名只备份指定库的所有表-B库名

Mr.L-OAM·2025-02-11 16:26

SQL自学，mysql从入门到精通 --- 第 1 天，系统环境搭建，mysql部署

1SQL简介SQL（StructuredQueryLanguage）是一种用于管理和操作关系型数据库的编程语言。它被用于创建、修改和查询数据库，以及执行诸如数据插入、删除和更新等各种任务。SQL在Web开发、数据分析和数据库管理系统中被广泛应用。SQL具有以下特点：关系型数据库：SQL用于管理关系型数据库，其中数据被组织为表（Table）的形式。表由行（Row）和列（Column）组成，行表示数据

Mr.L-OAM·2025-02-11 16:25

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

推荐频道

Vue从入门到精通