vue回到顶部

六十天前端强化训练之第二十九天之深入解析：从零构建企业级Vue项目的完整指南

=====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、Vite核心原理与开发优势二、项目创建深度解析三、配置体系深度剖析四、企业级项目架构设计五、性能优化实战六、开发提效技巧七、质量保障体系八、扩展阅读推荐一、Vite核心原理与开发优势1.1为什么选择Vite？Vite采用现代浏览器原生ES模块系统（NativeESM）作为开发服务器，颠覆了传统打包工具的

编程星辰海·2025-03-23 22:35

快速理解Vue3中Pinia里的subscribe方法使用

快速理解Vue3中Pinia里的subscribe方法使用一、Pinia简介Pinia是Vue3的状态管理库，类似Vue2中的Vuex，但使用更简洁高效二、subscribe方法简介subscribe方法是

MXN_小南学前端·2025-03-23 22:01

vant官网-vant ui 首页-移动端Vue组件库

Vant是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。

embelfe_segge·2025-03-23 21:48

Vue 中的日期格式化实践：从原生 Date 到可视化展示！！！

Vue中的日期格式化实践：从原生Date到可视化展示在数据可视化场景中，日期时间的格式化显示是一个高频需求。

小丁学Java·2025-03-23 17:48

Axios 和跨域这两个概念

在前端（Vue）中，我们通常用Axios来向后端（SpringBoot）请求数据。举个例子：假设你在一个仓储系统中，前端需要从后端获取商品库存信息。

PLJJ685·2025-03-23 16:07

uni-app 与webView 互相传值

//index.vueletcurrentWebv

九亿少女无法触及的梦ى·2025-03-23 16:06

Vue3前端开发：组件化设计与状态管理

Vue3前端开发：组件化设计与状态管理一、Vue3组件化设计组件基本概念与特点是一款流行的JavaScript框架，它支持组件化设计，这意味着我们可以将页面分解成多个独立的组件，每个组件负责一部分功能，

caihuayuan4·2025-03-23 15:02

如何解决Vue组件间传递数据的问题？

Props与$emit父向子传递数据子向父传递数据2.2兄弟组件通信：共享父组件或全局事件总线通过共同父组件全局事件总线（EventBus）2.3跨级组件通信：Provide/Inject2.4全局状态管理：Vuex3

几何心凉·2025-03-23 15:01

vue el-table设置某些行不能选择以及特殊样式

如下图所示，满足特定条件的行不可选择，且颜色被设置成了其他颜色：1）设置行不能选择selectable为element-ui提供的属性，类型为Function，Function的返回值用来决定这一行的CheckBox是否可以勾选，返回true为可选，false为不可选设置方法：js方法，根据每一行的id是否等于某个特定的值判断该行是否可以被选中：checkSelectable<

＊且听风吟·2025-03-23 15:31

vue 获取el-table多选的选中行

<el-table

＊且听风吟·2025-03-23 15:31

vue 手机号设置中间数字为星号

vue手机号设置中间数字为星号userModel.phone.replace(/(\d{3})\d{4}(\d{4})/,'$1****$2')

不想上班只想要钱·2025-03-23 15:01

vue3使用vue-clipboard3 插件进行复制

vue3使用vue-clipboard3插件进行复制安装npmivue-clipboard3引入import{toClipboard}from'vue-clipboard3';复制函数copyText=

不想上班只想要钱·2025-03-23 15:31

Vs code搭建uniapp-vue项目

安装vue环境npminstall-g@vue/clinode版本建议18或者18以上vuecreate-pdcloudio/uni-preset-vue项目名称----正式版vuecreate-pdcloudio

.try-·2025-03-23 13:16

Vue.js 模板语法全解析：从基础到实战应用

引言在Vue.js的开发体系中，模板语法是构建用户界面的核心要素，它让开发者能够高效地将数据与DOM进行绑定，实现动态交互效果。

予安灵·2025-03-23 13:42

Apache大数据旭哥优选大数据选题

售后态度和技术都很重要定制按需求做要求不高就实惠一点定制需提前沟通好怎么做，这样才能避免不必要的麻烦python、flask、Django、mapreduce、mysqljava、springboot、vue

Apache大数据旭·2025-03-23 13:12

基于springboot的在线点餐系统

SpringBoot+ElementUI后台管理实战（附高并发订单处理方案）一、系统全景透视基于五张效果图分析，该系统是餐饮行业全流程数字化解决方案，采用SpringBoot+MyBatisPlus+Vue2

爱编程的小哥·2025-03-23 12:07

Vue 表单输入绑定，双向绑定

一、v-model指令用于Vue表单双向绑定用户Vue组件属性双向绑定v-model还可以用于各种不同类型的输入，、元素。

天马3798·2025-03-23 11:34

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。

·2025-03-23 10:37

深入理解 Vue3 中的 Reflect 和 Proxy 使用

Proxy详解讲到Proxy对象相信大家都肯定很熟悉，vue3的响应式原理就是以此为基础的。Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。

写完这行代码打球去·2025-03-23 09:47

[前端面试场景题]虚拟列表

网页2和网页4都给出了具体的Vue和原生JS实现案例，比如动态计算起始和结束索引，使用transf

GISer_Jinger·2025-03-23 08:10

微信小程序的旅游服务助手景点酒店旅游规划的设计与实现

java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具

QQ1304979694·2025-03-23 08:38

【004安卓开发方案调研】之Ionic+Vue+Capacitor开发安卓

基于Ionic+Vue+CapacitorPlugins的国内安卓开发生态和技术现状，结合跨平台框架特性与国内实际环境，以下是综合分析：一、技术成熟度评估1.核心优势跨平台开发效率Ionic提供预制的UI

ThinkPet·2025-03-23 07:29

Vue秘籍：如何动态修改页面 Title（浏览器页签名称）？

Vue秘籍：如何动态修改页面Title（浏览器页签名称）？

智能编织者·2025-03-23 04:27

java毕业设计，网上商城系统

️OnlineMall商城系统全解析|Vue3+SpringBoot全栈实战（附高并发与数据安全方案）一、系统架构全景基于七张效果图分析，该系统是企业级电商综合管理平台，采用SpringBoot3+Vue3

爱编程的小哥·2025-03-23 03:15

Vue2与Vue3组件开发全维度对比实战指南

Vue2与Vue3组件开发全维度对比实战指南一、组件基础架构对比1.1组件定义方式演进Vue2OptionsAPI详解在Vue2中，组件主要通过OptionsAPI来定义。

Forever丿顾北·2025-03-23 01:02

努力的搬砖人.·2025-03-23 01:29

.gitlab-ci.yml 配置文件详解

✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取git工具文档说明：https://docs.gitlab.com/ee

程序媛夏天·2025-03-22 22:12

发现一个好用的Vue.js内置组件

是Vue.js中的一个内置组件，它的主要作用是缓存动态组件实例，避免它们在切换时被销毁和重新创建。这对于需要保留组件状态（例如表单输入、滚动位置等）的应用场景特别有用。

兴趣广泛的程序猿·2025-03-22 18:42

github如何为开源项目作出贡献

就在昨天，笔者取得了第一次开源项目贡献，虽然更新的内容很小，但是也算是迈出了第一步1.选择合适的开源项目（1）兴趣优先选择自己感兴趣的项目会更有动力参与，比如你喜欢前端开发，可以关注React、Vue相关的开源项目

PXM的算法星球·2025-03-22 17:04

Vue前端实现多个条件表格搜索

文章目录操作实现效果测试json数据搜索栏条件过滤完成搜索表格栏完整代码操作实现效果在vue文件中通过js代码完成多条件搜索符合条件的table数据，本文使用了element-ui组件创建表格。

1724580787·2025-03-22 15:49

Kafka 的消息压缩机制：优化存储与传输的利器

目录Kafka的消息压缩机制：优化存储与传输的利器一、消息压缩机制的重要意义1.减少存储成本2.提升网络传输效率二、Kafka常用的消息压缩算法1.GZIP压缩2.Snappy压缩3.前端展示压缩状态（Vue3

阿贾克斯的黎明·2025-03-22 14:07

VUE-Element-UI：select-tree

一、概述本文主要是在Element-UI+VUE框架下，利用el-select、el-tree组件实现了下拉框多选、回显的效果，如下图：二、实例代码1.HTML代码2.JS代码varvm=newVue(

johnrui·2025-03-22 13:27

Vue 3 事件总线详解：构建组件间高效通信的桥梁

Vue3事件总线详解：构建组件间高效通信的桥梁为什么需要事件总线？

A-Kamen·2025-03-22 11:15

TinyMCE插件是否支持Word图片的直接复制与web上传？

要求：开源，免费，技术支持编辑器：TinyMCE前端：vue,vue2-cli,vue3-cli后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc

2501_90694782·2025-03-22 11:14

【JavaWeb学习Day25】

Web前端实战ElementPlus什么是ElementPlusElementPlus：是饿了么团队研发的，基于Vue3，面向设计师和开发者的组件库。

quo-te·2025-03-22 11:42

Vue3 从零到全掌握：最详尽的入门指南（近万字超全内容）

一、Vue脚手架Vue3官方文档地址：https://v3.cn.vuejs.org/以前的官方脚手架@vue-cli也可以用，但这里推荐一个更轻快的脚手架Vite脚手架网址：Vite中文网方式一：vue-cli

AA-老高(接毕设)·2025-03-22 10:32

Java复习路线

复习数据库常用的代码：思维导图：5、计算机组成原理6、网络编程7、Java注解和反射8、计算机网络9、html/css/js10、ssm11、spring12、springmvc13、springboot14、vue15

Code good g·2025-03-22 10:31

112：vue+cesium 设置镜头光晕效果

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第:112`篇文章文章目录一、示例效果图:二、示例介绍三、配置说明四、示例源代码（共171行）五、核心方法

还是大剑师兰特·2025-03-22 09:24

Tinyflow AI 工作流编排框架 v0.0.7 发布

它基于WebComponent开发，前端支持与React、Vue等任何框架集成，后端支持Java、Node.js、Python等语言，助力传统应用快速AI转型。

自不量力的A同学·2025-03-22 09:21

【保姆级】阿里云codeup配置Git的CI/CD步骤

以下是通过阿里云CodeUp的Git仓库进行CI/CD配置的详细步骤，涵盖前端（Vue3）和后端（SpringBoot）项目的自动化打包，并将前端打包结果嵌入到Nginx的Docker镜像中，以及将后端打包的

CodeCaptain·2025-03-22 08:19

vue的绑定

一个组件就是一个对象或一个方法，在对象里创建的属性。肯定属于对象的内部字段，说白了只有这个对象去记他的属性的内存地址，在这个角度上去想父子组件的传值，传的不就是地址，也就是字段的引用父组A对象，在父组件里定义一个变量a，内存上就出现了a这个变量，而且只能通过A记录了q的地址，现在有一个弹出框组件B，我们把它抽成了组件，他也就成了个对象，B里面有个b变量，A不知到b的地址，肯定不能操作b，同样，B不

哥谭居民0001·2025-03-22 07:02

一个普通的vue权限管理方案-菜单权限控制

渲染左侧菜单0&&sidebar.name!==sidebar.children[0].name">{{sidebar.meta.title}}0">{{child1.meta.title}}{{child.name}}{{child1.name}}{{sidebar.name}}import{getUserFuncPerm}from'@/api/user'exportdefault{name:'

han_hanker·2025-03-22 06:28

Vue3-笔记002-Ref与Reactive

002-Ref与Reactive-目录Refref案例ref与RefifRefshallowReftriggerRefcustomRefdom元素的refReactive与ref的共同点与ref的不同点数组的异步赋值问题readonlyshallowReactivetoReftoRefstoRawRef接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个.valueproperty

·焱··2025-03-22 06:55

Vue3-day3-Ref-Reactive

Ref：创建基本类型的响应式数据作用：定义响应式变量语法：letxxx=ref(初始值)返回值：一个RefImpl的实例对象，简称ref对象或者ref，ref对象的value属性是响应式的注意点：js中操作数据需要：xxx.value，但模板中不需要.value，直接使用即可。对于letname=ref('张三')来说，name不是响应式的，name.value是响应式的。代码段姓名：{{name

金串串·2025-03-22 06:25

vue3 v-for循环子组件上绑定ref并且取值

vue3v-for循环子组件上绑定ref并且取值//要循环的变量constviews=ref([])//数组存所有refdomconstitemsRef=ref([])constrefresh=(index

华山令狐虫·2025-03-22 06:54

vue使用el-select下拉框匹配不到值的优化方案，el-select显示，当选择框的选项无法与选择框的value值匹配时，不显示value值的处理办法

问题描述：新建表单数据，下拉框选项一般从接口获取的数据列表，比如后期某个数据关停了，这条数据就会被删除，导致我们取不到这条数据。就会出现el-select下拉框匹配不到值的情况。所以我们要处理这种情况的。复现步骤：数据字典新增一条【数据项】新添加一条工单数据绑定这个新增的【数据项】，提交保存操作。保存成功后，删除数据字典新增的【数据项】。然后点击当前新添加的工单数据编辑，操作，查看工单数据字典这一

Kingsaj·2025-03-22 06:51

VUE中的组件加载方式

加载方式有哪些，及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件，而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用，可能会有很多组件，如果一开始都加载，可能会影响首屏加载时间。如果某些组件在首屏不需要，比如弹窗或者标签页里的内容，那么懒加载会更好，减少初始加载时间，实现时使用动态导入和异步组件，同时注意处理加载状态和错误处理。。反之，如果组件在页面初始化时就必须显示，那么静

catino·2025-03-22 05:49

vue中根据html动态渲染内容

需求：根据数据中的html，因为我是在做填空，所以是需要将html中的_____替换成input，由于具体需求我使用的是元素contenteditable代替的可编辑的inputhtml部分js部分//这个是为了保证输入的时候光标保持在最后constmoveCursorToEnd=(element:HTMLElement)=>{constrange=document.createRange();c

今天吃了嘛o·2025-03-22 04:04

uniapp特有生命周期钩子

生命周期钩子在UniApp中，页面的生命周期与Vue的生命周期钩子紧密相关，并且针对小程序平台，UniApp还扩展了一些额外的生命周期钩子。

浪裡遊·2025-03-22 03:01

cesium 文字避让

ThePlatformfor3DGeospatial】>import*asCesiumfrom'cesium';import{onMounted,reactive,ref,computed,nextTick}from'vue

花归去·2025-03-22 03:00

推荐频道