vue3源码学习

Vue.js组件开发深度解析：从原理到最佳实践

Vue.js组件开发深度解析：从原理到最佳实践一、Vue组件核心运行机制1.1响应式数据驱动原理//Vue3的响应式实现constreactiveMap=newWeakMap();functionreactive
星鬼123·2025-02-21 19:42

vue3和vue2父子组件互相通信的方式和原理

随着Vue3的发布，父子组件之间的传值方式发生了一些变化，同时也带来了一些新的特性和改进。本文将详细总结Vue3与Vue2在父子组件传值方面的区别和原理。
猿如意·2025-02-21 15:34

ref() 和 reactive()响应性 浅解

`解构`详解2.1.什么是解构2.2.解构避免丢失响应性的办法2.2.1.解决方案：`toRefs()`保持响应性2.2.2.解决方案：`toRef()`保持响应性3.最佳实践在Vue3中，ref()和
懒懒的也很贴心·2025-02-21 14:59

vue3-04vue3中ref函数( 定义一个响应式的数据)

1.前言作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象(reference对象，简称ref对象)JS中操作数据:xxx.value模板中读取数据:不需要.value，直接:{xxx]}备注:接收的数据可以是:基本类型、也可以是对象类型基本类型的数据:响应式依然是靠object.defineProperty()的get与set完成的。对
岂不闻·2025-02-21 14:27

Vue 3最新组件解析与实践指南：提升开发效率的利器

目录引言一、Vue3核心组件特性解析1.CompositionAPI与组件逻辑复用2.内置组件与生命周期优化3.新一代UI组件库推荐二、高级组件开发技巧1.插件化架构设计2.跨层级组件通信三、性能优化实战
Aic山鱼·2025-02-21 14:27

前端：最简单封装nmp插件（组件）过程。

一、nmp使用1、注册nmp账号：npm|Home2、创建插件名称文件夹，如：vue3-components3、初始化一个package.json文件：nmpinitnpminitpackage.json
Smile_Gently·2025-02-21 13:45

90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形

本文将介绍如何在Vue3项目中结合OpenLayers使用canvas渲染个性化的圆形样式。项目背景在本项目中，我们使用Vue3和OpenLayers来实现地图的展示，同时在地图中
吉檀迦俐·2025-02-21 09:47

【全栈】SprintBoot+vue3迷你商城（12）

【全栈】SprintBoot+vue3迷你商城（12）往期的文章都在这里啦，大家有兴趣可以看一下后端部分：【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot+vue3迷你商城
杰九·2025-02-21 09:46

基于DeepSeek+Vue3的AI对话聊天系统开发实战

文章目录1.项目概述1.1项目背景1.2项目目标1.3项目功能2.技术选型与架构设计2.1技术选型3.开发环境准备3.1前端环境3.2后端环境4.DeepSeekAPI集成4.1获取API密钥4.2创建API服务4.3创建API视图5.前端页面开发5.1创建聊天组件6.前后端交互实现6.1配置Axios6.2使用Pinia管理状态7.功能扩展与优化7.1多轮对话7.2对话历史记录8.项目部署与上线
北辰alk·2025-02-21 08:33

Vue3＋Vite创造路由

webpack和vite的vue-router添加路由有所不同，小编踩坑了1，先下载vue-routernpminstallvue-router@next2，配置vue-router需要配注意使用Vite的环境变量，在Vite中，环境变量需要以VITE_前缀命名。在项目根目录下创建一个.env文件，并定义环境变量：VITE_BASE_URL=/然后创建src/router/index.jsimpo
巴巴博一·2025-02-21 05:16

vue3+ts+vite创造路由

今天第一次用ts搞了半天1，在Vue3+TypeScript项目中配置路由，可以使用VueRouter4pnpminstallvue-router@42，在你的项目中创建一个路由配置文件，例如src/router
巴巴博一·2025-02-21 05:16

Ts＋Vue3＋Vite如何配置@路径

由vite创造的ts加vue3会有三个ts.json文件因此不需要include其他路劲，配置tsconfig.json:{"files":[],"references":[{"path":".
巴巴博一·2025-02-21 05:16

vue3手搓固钉组件

#创作灵感今天用固钉组件时发现element-ui的固钉会阻止移动端移动事件，我思来想去决定自己写一个固定组件得了实现思路获取钉子的ref实例并监听window滚动事件，当window.scrollY等于钉子的offsetHeight，添加position:fixed和top:0到钉子上，就能强行固定不动了。这时候会有一个bug：如果元素本来并没有定位，直接添加定位属性会使其脱离文档流造成周围元素
巴巴博一·2025-02-21 05:46

本地运行 DeepSeek-R1 的成本究竟多高？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高？
·2025-02-21 02:13

【全栈】SprintBoot+vue3迷你商城-细节解析（2）：分页

【全栈】SprintBoot+vue3迷你商城-细节解析（2）：分页往期的文章都在这里啦，大家有兴趣可以看一下后端部分：【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot+
杰九·2025-02-21 00:45

vue3-06vue2(Object.defineProperty)与vue3(基于ES6的Proxy)的响应式原理对比

1.vue2响应原理1.1对于对象与数组对象类型:通过object.defineProperty()对属性的读取、修改进行拦截(数据劫持)数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)Vue2的响应式是基于Object.defineProperty实现的1.2基本原理Object.defineProperty把一个普通的JavaScript对象传入Vue实例作为d
岂不闻·2025-02-21 00:13

threejs将stl文件格式类型转为drc压缩文件类型

前言项目中通过添加文件后，将stl格式的模型文件加载到场景中，后续发现stl格式文件太大，普遍是十几兆，最后研究出将stl格式文件转为drc格式文件加载，场景加载模型的过程只需要几秒即可，接上来上代码//整个项目是vue3
ccc陈陈陈·2025-02-20 23:05

Vue3 vuex

概念Vuex：状态管理工具使用场景有时候，需要在多个组件中共享状态，并且是响应式的状态，一个变，全都跟着发生改变的场景。例如，一些全局要用的的状态信息：用户登录状态、用户信息等等；这时候，就需要这样的一个工具来进行全局的状态管理，而Vuex就是这样的一个工具。Vue2.xvuex基本结构store/index.js：importVuefrom'vue'importVuexfrom'vuex'Vue
＊且听风吟·2025-02-20 20:16

浅谈vue常用的状态管理库vuex、pinia

Vuex和Pinia都是Vue.js应用程序中的状态管理库,虽然两种状态管理库的vue2，vue3都兼容，但是更推荐vue2（vuex），vue3（pinia）VuexVuex是Vue.js官方提供的状态管理库
超绝前端乱学小白·2025-02-20 20:14

使用vue3框架vue-next-admin导出表格excel（带图片）

想要使用vue3导出表格内容并且图片显示在表格中（如图）：步骤如下：下载安装插件：安装命令：npminstalljs-table2excel引入插件：importtable2excelfrom'js-table2excel
乐多_L·2025-02-20 19:28

使用vue3框架vue-next-admin导出列表数据

在Vue3中实现Excel导出功能可以通过以下步骤完成，这里使用xlsx库来实现前端Excel导出：1.安装依赖npminstallxlsxfile-saver#或yarnaddxlsxfile-saver2
乐多_L·2025-02-20 18:26

vue3的Element plus （一）

介绍ElementPlus是一个基于Vue3的UI组件库，它是对ElementUI组件库的升级和扩展。ElementPlus提供了一套美观、易用且高效的组件，可以用于构建现代化的Web应用程序。
GIS瞧葩菜·2025-02-20 17:16

vue3-video-play 插件在 Vue 3 项目上的应用

文章目录vue3-video-play插件在Vue3项目上的应用一、插件简介二、插件安装三、插件组件应用示例1.局部引入组件2.全局引入组件四、需要注意的事项五、本地环境将`package.json`中
放逐者-保持本心，方可放逐·2025-02-20 15:58

vue3计算属性computed

计算属性computedimport{computed}from"vue"//方式一//constcollapse=computed(()=>{//console.log('计算属性变化');//returnisCollapse//})//方式二constcollapse=computed({get:()=>{//返回订阅值returnisCollapse},set:(val)=>{//这里可以对
·2025-02-20 13:42

六、soul源码学习-SpringCloud项目本地运行

一、本地部署NacosNacos本地部署可以参考：http://www.iocoder.cn/Nacos/install/?self二、搭建SpringCloud项目示例代码:https://github.com/wyc192273/soul-learn-project/tree/main/sofa-demo搭建了简单的SpringCloud服务后，需要在项目中引入如下依赖：org.dromara
caihuayuan4·2025-02-20 10:09

vue3+vite 自动引入export default的包

importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia',{//相当于importuseRouterStackStorefrom'@/store/modules/r
大橙子-·2025-02-20 07:47

vue3 项目如何接入 AI 大模型

以下是在Vue3项目中接入AI大模型的一般步骤：准备工作确定要接入的AI模型，如OpenAI的gpt-3.5-turbo、科大讯飞的星火大模型等。
代码搬运媛·2025-02-20 07:46

vue3 + vite引入地址路径报错，以及无法点击跳转相应的文件

vue3+vite引入地址路径报错，以及无法点击跳转相应的文件在项目中找到tsconfig.json，或者jsconfig.json文件，使用一下代码替换即可。
zmyalh·2025-02-20 04:59

vue中nextTick函数和react类似实现

Vue3基本用法：import{nextTick}from'vue';//全局调用nextTick(()=>{//在下一个DOM更新循环后执行的代码});//在组件内部调用setup(){asyncfunctionhandleUpdate
向画·2025-02-20 04:53

本地运行 DeepSeek-R1 的成本究竟多高？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高？
·2025-02-20 00:52

构建 Next.js 应用时的安全保障与风险防范措施

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Web应用开发过程中，确保应用的安全性至关重要，这不仅能保护用户数据，还能防止应用本身遭受各种安全攻击。
·2025-02-20 00:51

[从零开始的 Vue3 系列]：第四章——Vue3 中常用组件通信全解析

前言本系列将从零开始，系统性地介绍Vue3的常用API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握Vue3的基础与进阶知识，最终具备独立搭建完整Vue3项目的能力。
花信少年plus·2025-02-19 22:56

vue3中＜el-table-column＞状态的显示

方法1：使用作用域插槽+标签{{row.status===1?'启用':'禁用'}}consttableData=[{id:1,name:'数据1',status:1},{id:2,name:'数据2',status:0},//...]方法2：使用formatter格式化显示conststatusFormatter=(row)=>{returnrow.status===1?'启用':'禁用'}自定
BillKu·2025-02-19 21:53

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。
液态不合群·2025-02-19 18:59

ollama-chat-ui-vue，一个可以用vue对接ollama的开源项目,可接入deepSeek

ollama-chat-ui-vue使用vue3+vite+elementUi搭建的前端chat,通过ollama可与模型对话,目前支持独立思考,切换模型(联网查询后续支持)github地址：ollama-chat-ui-vue
是你的小熊啊·2025-02-19 17:52

vue3和vue2的组件开发有什么区别

Vue3和Vue2在组件开发上存在不少差异，下面从多个方面详细介绍：响应式原理Vue2：用Object.defineProperty()方法来实现响应式。
IT木昜·2025-02-19 16:49

Vue3 循环语句

Vue3循环语句引言在Web开发中，循环语句是处理数据集合的常用手段。Vue3作为当下流行的前端框架，提供了丰富的循环语句，以帮助我们更高效地处理数据。
wjs2024·2025-02-19 14:27

Vue 3 工程化：从理论到实践 （上篇）

引言Vue3是Vue.js的最新版本，带来了许多新特性，如CompositionAPI、更好的TypeScript支持、性能优化等。
人民广场吃泡面·2025-02-19 12:39

音频采集（VUE3+JAVA）

vue部分代码xx.vueimportRecorderfrom'./Recorder.js';exportdefault{data(){return{mediaStream:null,recorder:null,isRecording:false,audioChunks:[],vadInterval:null//新增：用于存储声音活动检测的间隔ID};},asyncmounted(){this.m
a26637896·2025-02-19 12:03

总结了Vue3的七种组件通信方式，别再说不会组件通信了

写在前面本篇文章是全部采用的这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式：propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好，学习不写demo，那就是耍流氓~本篇文章将围绕下面这个demo，列表_和
全栈战神·2025-02-19 11:58

vue3在router.addRoute(route))之后跳转页面404且路由matched是空

在Vue3中使用router.addRoute(route)动态添加路由后，路由的匹配信息（即matched数组）可能会显示为空。这是因为路由的匹配信息是惰性更新的，只有在路由跳转时才会重新计算。
·2025-02-19 10:51

开源echarts实现的BI数据可视化图表，总有你能用上的

华为审批不通过天津企业待遇集锦211本硕985博找不到工作怎么办还在等华子车bu的保温呢，家被偷了【11.26更新】24届求职黑名单汇总贴记录一次被爆杀的字节面试经历25届日常实习求助，有开源项目经历和源码学习经历求求大家投下我们小米吧
2301_79125642·2025-02-19 02:23

如何使用Vue3创建在线三维模型展示？

本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
ScriptEcho·2025-02-18 21:54

Vue 3 Composition API进阶指南

在上一篇文章中，我们介绍了Vue3的CompositionAPI基础，包括如何使用setup函数、ref和reactive来创建响应式数据，以及使用watchEffect来监控数据变化。
前端学步·2025-02-18 16:55

Vue3CompositionAPI

Vue3CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=
jpruby·2025-02-18 16:24

Vue3的Composition API

Vue3的CompositionAPI（Vue3与Vue2的区别）Vue3引入了CompositionAPI(组合式API)，这是一种新的编写组件逻辑的方式，旨在解决OptionsAPI在某些场景下的局限性
Sunshinedada·2025-02-18 16:51

封装websocket，兼容uniapp及普通vue3应用

本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。
一个水货程序员·2025-02-18 13:30

vue3 naive ui+java下载文件

java后端代码importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.GetMapping;impor
weixin_42485982·2025-02-18 12:46

在vue3中配置scss

要在Vue3中使用SCSS（Sass的一个子集），你需要安装相应的依赖，并对项目进行一些配置。
库库林_沙琪马·2025-02-18 10:46

vue基础（十）

在此介绍Vue2和Vue3中路由的使用。
Goodbaibaibai·2025-02-18 09:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他