vue3简单使用

【完整步骤】Vue 3安装和配置 ElementPlus

1.创建Vue3项目（如果尚未创建）npminitvite@latestmy-element-plus-app----templatevuecdmy-element-plus-appnpminstall2
我在北京coding·2025-07-09 09:05

PHP/Laravel + Vue3 + MySQL组合版本参考

以下是基于技术栈流行度、稳定性和开发效率综合评估的推荐版本组合1.后端技术栈PHP8.3最新稳定版，支持JIT编译，性能较PHP8.1提升15%+，完美兼容Laravel框架。扩展要求：openssl、pdo_mysql、mbstring（Laravel强制依赖）。Laravel11.x2024年发布，支持PHP8.2-8.3，提供轻量级应用骨架和更快的路由缓存。关键特性：原生支持Docker沙盒
·2025-07-09 07:54

PHP/Laravel + Vue3 + MySQL + Docker 项目搭建全流程指南（Al总结版未测试未编辑）

PHP/Laravel+Vue3+MySQL+Docker项目搭建全流程指南一、环境准备（仅需Docker）安装DockerDesktopWindows/macOS：下载DockerDesktop并安装
野生yumeko·2025-07-09 07:24

SpringBoot3+Vue3+AntDesign无人机场台管理系统 | 小蚂蚁云

项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、AntDesign、MySQL等技术栈实现的单体前后端分离后台管理系统
小蚂蚁开源·2025-07-09 07:51

基于Abp Vnext、FastMCP构建一个企业级的模型即服务（MaaS）平台方案

企业级MaaS平台技术可行性分析报告一、总体技术架构HTTP/WebSocketgRPC/RESTgRPC/RESTgRPCVue3前端ABPvNextAPI网关.NET9业务微服务ABPvNextMCPClientFastMCP
NetX行者·2025-07-09 06:44

Vue3 响应式原理揭秘：为什么数据一改页面就变？

Vue3最大的底层变革之一，就是响应式系统由Object.defineProperty转向了现代浏览器的ProxyAPI。你是否好奇：为什么state.count++，页面就自动更新了？
qqqdqd·2025-07-09 00:35

Node.js 后台系统 - 基本增删改查实现

推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发小程序使用备注：仅供学习交流严禁用于商业用途，若发现侵权内容请及时联系作者更新进度：持续更新内容个人名片：每篇文章最下方都有加入方式
·2025-07-08 07:11

前端上传解析Excel；前端解析excel

注意：这里是前端使用xlsx插件，将前端上传的.xls、.xlsx文件，解析得到原始列表数据我的是vue3项目文章目录1.安装依赖2.组件封装3.子组件使用1.安装依赖[email protected]
i_am_a_div_日积月累_·2025-07-08 04:46

vue3 日期选择组件，年，月 ，日，时

class=“yearBtn”:class=“{isActive:data.currentSwitch===‘year’}”@click=“handleClickBtn(0)”>年class=“yearBtn”:class=“{isActive:data.currentSwitch===‘month’}”@click=“handleClickBtn(1)”>月class=“yearBtn”:cla
m0_74823364·2025-07-07 22:00

Vue 3 - JavaScript细节大揭秘

在学习Vue3的过程中，我们可能会发现一些令人惊讶的JavaScript细节，这些细节可能之前我们并不知道。本文将探讨一些Vue3中的JavaScript细节，并提供相应的源代码示例。
碧海蓝天··2025-07-07 22:59

vue数组变化侦测

(Vue3的Proxy)在Vue3中，当你用ref([])或reactive([])创建一个响应式数组时，你得到的其实不是一个普
翻滚吧键盘·2025-07-07 22:59

vue3日历组件/定位签到打卡/缺卡补卡功能

效果如上图：vue3日历组件支持定位、签到、打卡、缺卡、补卡、日历信息展示、日历翻页等功能，浏览器兼容性很好，类似钉钉这种打卡软件。完整源码：⋘{{year}}年{{month}}月⋙&
我在北京coding·2025-07-07 16:47

Vue3+Vite+TypeScript+Element Plus开发-22.客制Table组件

系列文档目录Vue3+Vite+TypeScript安装ElementPlus安装与配置主页设计与router配置静态菜单设计Pinia引入Header响应式菜单缩展Mockjs引用与Axios封装登录设计登录成功跳转主页多用户动态加载菜单
秋之猫·2025-07-07 09:58

基于 Vue3 + Element-plus 封装的 Table 组件

项目信息项目名称：vue3-xmw-table预览地址：点击预览Github：vue3-element-table使用方法根目录下执行npmivue3-xmw-table命令npmivue3-xmw-table
白雾茫茫丶·2025-07-07 09:57

vue3项目的筛选是树状 el-tree 二级树结构（个人笔记）

先说一下筛选要求：可以多选，可以全选，可以取消全选（清空），可以关键字筛选（以下案例仅限于二级的树结构，多级的没有试）,截图如下：废话不多说，上代码全选清空letform=reactive({certificationCategory:[],...})letcertificate_list=ref([//el-tree的内容{click:"AUTO",name:'电力业务许可证',value:'电
齐露·2025-07-07 09:27

Vue 3 中使用路由参数跳转时 watch 触发重复请求问题详解

Vue3中使用路由参数跳转时watch触发重复请求问题详解收藏+点赞+关注，掌握Vue3路由参数监听中的隐藏陷阱，避免详情页、嵌套路由页误触发重复请求！
·2025-07-07 08:53

Vue 3 + Element Plus 常见开发问题与解决方案手册

Vue3+ElementPlus常见开发问题与解决方案手册本文整理了常见但容易混淆的几个Vue3前端开发问题，包括插槽、原型链、响应式数据处理、v-model报错、样式阴影控制等，建议收藏学习！
JaysonJin·2025-07-07 08:53

Vue - 深入理解 Vue 3 中的 ref 和 reactive

深入理解Vue3中的ref和reactiveVue3引入了一个全新的响应式系统，使得数据的变化能够自动反映到视图中。对于开发者来说，理解如何使用响应式API是掌握Vue3的关键。
·2025-07-07 07:42

Vue3 中ref和reactive的区别

文章目录一、ref和reactive定义二、ref和reactive区别三、到底项目中使用ref还是reactive？总结一、ref和reactive定义ref用来定义：基本数据类型，对象，数组数据类型reactive定义：对象数据类型(他不能定义基本数据类型)二、ref和reactive区别ref创建的变量必须使用.valuereactive定义的数据如果被重新赋值一个新对象，会失去响应式（但可
小码龙~·2025-07-07 06:12

vue3 el-input el-select 非空校验

在Vue3中使用el-input和el-select组件进行非空判断，并在非div标签上显示红色边框，可以通过以下几种方法实现：1.使用表单验证使用ElementPlus的表单验证功能，可以很方便地实现非空判断
海天胜景·2025-07-07 05:36

vue3 el-table设置选中

consttableData=ref([])consttableRef=ref()constgetTableData=()=>{tableData.value=data;nextTick(()=>{if(result.length){for(leti=0;i
D_Fortune·2025-07-07 05:35

UniApp Vue3 模式下实现页面跳转的全面指南

1.引言1.1UniApp与Vue3的结合优势UniApp是一个使用Vue.js开发所有前端应用的框架，支持编译到iOS、Android、H5、以及各种小程序平台。
·2025-07-07 04:30

实战篇：（十三）新手指南：搭建 Vue 3 项目，完美结合 Element Plus 的使用技巧!

新手指南：搭建Vue3项目，完美结合ElementPlus的使用技巧!
·2025-07-07 04:29

vue3在外部js文件调用vue内的方法

需求就是我在vue项目里有一个a.js文件，我想在a.js文件里调用b.vue里的test方法。直接上代码a.jsexportdefault{hotmockobjId:function(){//逻辑代码.......//调用b.vue的方法名test()}}b.vueimport{defineComponent,onMounted}from'vue'//引入方法setup(){onMounted(
熊抱抱的一粒·2025-07-07 04:56

vue3 - element-plus实现将table表格改为单选效果，将el-table表格实现单选，多选表格变为单选形式（Table多选框改成单选框，表格添加单选框，支持复杂表格嵌套数据多层勾选）

效果图在vue3+elementplus项目开发，实现el-table表格由原来的多选框改为单选框，element-plustable表格控件实现单选功能，支持多级嵌套表格及复杂数据，详细实现Table
十一猫咪爱养鱼·2025-07-07 03:49

vue3中el-table 复选框设置为单选，且可通过选择行选中复选框

场景需求一：el-table中自带的复选框组件，可以多选，但是目前我们只想要让用户选中一个，变成单选import{ref}from'vue'constmyTable=ref()consthandleSelectionChange=(val)=>{//这部分代码是让复选框设置为单选val.map((row,index)=>{if(val.length场景需求二：可以通过选择行选中el-table复选
·2025-07-07 03:49

Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1）

Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。
知识分享小能手·2025-07-07 02:18

浅谈 Vue2 的 Mixin 混入和 Vue3 的 Hooks（组合式 API）

今天咱来好好唠唠Vue2里的Mixin混入和Vue3的Hooks（组合式API），这里面的门道可不少，我把自己的经验分享出来，希望能帮大家避避坑。
一个水瓶座程序猿.·2025-07-06 21:13

OpenLayers 入门指南：序言

一、前端框架Vue3TypeScr
凌往昔·2025-07-06 16:27

vue3页面缓存解决方案 keepalive

页面缓存解决方案keep-alive1.//*.vue//固定写法//include要缓存的exclude不缓存的//固定写法exportdefault{data(){return{openedTabs:['about']}}}2.//about.vueexportdefault{name:'about'//这里组件名用来缓存区分}
Mr. 假老练·2025-07-06 13:30

高效的在Vue3中使用Vuex

前言我们都知道，vuex的使用在项目中颇为繁琐，因为它有几大概念使得它不能像普通ref或者data对象一样直接被我们使用，在我们想要更改vuex中的数据时，我们需要通过mutation来进行提交，获取vuex中存储的变量的时候，我们又需要通过computed属性来进行声明，试想，如果项目足够庞大，那么我们使用vuex的负担就过于重了，这违背了我们使用状态管理的本意。问题的提出首先，我们需要明确，我
苹果醋3·2025-07-06 13:29

Vue3高级-第二十六篇：Vue3 与 WebGL 的融合探索

Vue3高级-第二十六篇：Vue3与WebGL的融合探索1.WebGL基础与Vue3集成准备深入了解WebGL的概念、功能与应用场景概念：WebGL（WebGraphicsLibrary）是一种用于在网页上进行
程序员勇哥·2025-07-06 10:59

＜script setup＞中的setup作用以及和不带的区别对比

在Vue3中，setup函数是CompositionAPI的核心入口，其作用与“不带setup”（即传统OptionsAPI）的区别主要体现在代码组织、复用性、类型支持等方面。
·2025-07-06 09:57

Vue Router 完整使用示例及完整实战演示

一、环境准备创建Vue3项目：npminitvue@latest#选择TypeScript/JS+VueRouter选项手动添加VueRouter：npminstallvue-router@4二、基础路由配置
慧一居士·2025-07-06 09:27

vue create 和npm init 创建项目对比

以下是关于vuecreate和npminit的对比分析：1.定位与功能vuecreate定位：Vue官方提供的脚手架工具，基于VueCLI，用于快速创建标准化的Vue项目，支持Vue2和Vue3。
·2025-07-06 09:25

vant4的组件气泡弹出框van-popover，在列表中遍历后点击一个全部/显示隐藏，解决办法

环境：vue3+vant-ui4{{actions[0].text}}结果：点击一个气泡弹出框后，所有的气泡弹出框全部弹出了，因为绑定的是同一个变量showPopover解决办法：删除v-model,不需要绑定
zhuà!·2025-07-06 02:09

uniapp路由拦截解决方案

uniapp路由拦截解决方案【下载地址】uniapp路由拦截解决方案uniapp路由拦截解决方案为开发者提供了高效的路由管理工具，支持vue2和vue3版本。
柏昕凤Driscoll·2025-07-05 20:32

vue3 el-table回显选中的数据

html部分：{{scope.$index+1}}添加删除js部分：letmatchLists=ref([{source_id:1,title:'比赛1'},{source_id:2,title:'比赛2'},{source_id:3,title:'比赛3'},{source_id:4,title:'比赛4'},{source_id:5,title:'比赛5'},])letsource_ids=r
凉xiao薄·2025-07-05 08:00

Vue3框架对接保利威云点播播放器的实践（例子）

Vue3框架对接保利威云点播播放器的实践（例子）来源：梦的晓析者首先，需要在项目中引入保利威的云点播播放器脚本。这个播放器的脚本可以从保利威的官网获取。
阿酷tony·2025-07-05 06:48

小程序海报生成神器之一lime-painter配合uniapp简单使用示例

组件介绍lime-painter是一个运行在uniapp上优雅的海报生成插件，支持JSON方式和template方式生成海报资源完整demo:https://gitee.com/hackchen/demo-collection/tree/master/front-end/uniapp/lime-painter-demo需要注意的问题包含图片最好的地址最好要支持跨域nvue必须为HBX3.4.11及
hackchen·2025-07-05 05:42

Vue3响应式卡顿？3招性能优化技巧让页面提速200%（附源码对比）

一、引言Vue3发布以来，其响应式系统凭借Proxy的强大能力，为开发者带来了更高效的数据绑定体验。
程序猿全栈の董（董翔）·2025-07-05 03:03

SpringBoot +Vue3前后端分离项目入门基础实例五

项目说明项项目名称使用框架说明后端项目springboot_vue_element_demoSpringBoot+MyBatis-plus+MySQL完成基本的增删改查操作API前端项目vue-projectVue3
没刮胡子·2025-07-05 03:00

vscode 调试vue 如何不进入源码或者映射文件当中

{"version":"0.2.0","configurations":[{"name":"DebugVue3(Vite)","type":"chrome","request":"launch","url
很菜很菜的人·2025-07-05 01:21

深入解析 Vue3 createApp：从初始化到挂载的完整流程剖析

引言：Vue3应用架构的革命性变化在Vue2时代，我们通过newVue()创建应用实例，这种方式虽然简单但存在全局配置污染、Tree-shaking困难等问题。
斯~内克·2025-07-04 21:21

UniApp（vue3+vite）如何原生引入TailwindCSS（4）

目录npx开始使用TailwindCSS1.安装Node.js和cnpm2.使用VScode创建uni-app项目开始使用TailwindCSS1.安装TailwindCSS2.配置Vite插件3.修改配置4.导入TailwindCSS5.开始在HTML中使用Tailwind总结npx实际上，npxdegit和gitclone都能用来获取代码仓库中的模板或项目，但是它们的实现方式和用途有所不同。让
前端 贾公子·2025-07-04 16:54

Nginx轻松上手

Nginx轻松上手准备环境部署安装源码安装yum安装nginx配置文件简单使用虚拟主机与域名解析反向代理负载均衡动静分离nginx+keepalived高可用准备环境Linux操作系统IP地址功能Centos7192.168.1.20nginx_server
oaa114龙仔·2025-07-04 12:24

vue3 v-model的使用(多个 v-model 绑定)

//父组件setup(props){constmsg=ref("msg");constfoo=ref('123')return{foo,msg}}{{modelValue}}{{msg}}/>自定义修饰符的用法，根据官方//父组件{{myText}}setup(){return{myText:ref(22);}//不加ref无法做到响应}//子组件//自定义修饰符capitalize通过model
不知名前端v2·2025-07-04 11:44

富文本编辑器插件支持哪些格式导入？Word、Excel、PPT全解析

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
路过了忘了·2025-07-04 08:50

有没有编辑器支持excel、ppt、pdf及word导入？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
·2025-07-04 08:49

Excel、PPT、PDF如何导入百度富文本编辑器？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
2501_90699800·2025-07-04 07:14
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他