vue3踩坑记

前端：最简单封装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

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

如何使用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

【ORB_SLAM系列3】—— 如何在Ubuntu18.04中使用自己的单目摄像头运行ORB_SLAM3（亲测有效，踩坑记录）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、ORB_SLAM3源码编译二、ORB_SLAM3实时单目相机测试1.查看摄像头的话题2.运行测试三.运行测试可能的报错1.报错一(1)问题描述(2)原因分析(3)解决2.报错二(1)问题描述(2)解决前言本次教程运行ORB_SLAM3，所需的环境如下：Ubuntu18.04、ros版本：melodicOpencv4.5
啥也不会的研究僧·2025-02-18 11:03

在vue3中配置scss

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

vue基础（十）

在此介绍Vue2和Vue3中路由的使用。
Goodbaibaibai·2025-02-18 09:45

v3-electron-vite项目快速入门指南

v3-electron-vite项目快速入门指南v3-electron-vite⭐Avue3electronadmintemplate,basedon'vite'项目地址:https://gitcode.com
罗昭贝Lovely·2025-02-18 04:51

计算机学习建议

对于现代得计算机开发者而言；最快的是要见到成效；这是一个功利性的社会；对于99%的人来说，先保证自己可以在社会上活下去才是最重要的；而不是追求梦想；一、职业Web前端：HTML、CSS、JavaScript、Vue3
qincjun·2025-02-17 19:09

用vue3写一个好看的wiki前端页面

以下是一个使用Vue3+ElementPlus实现的Wiki风格前端页面示例，包含现代设计、响应式布局和常用功能：TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title
云浩舟·2025-02-17 18:30

Vue2 与 Vue3 中 Computed 计算属性详解

目录Vue2与Vue3中Computed计算属性详解一、Vue2中的Computed计算属性1.简单写法2.get和set写法二、Vue3中的Computed计算属性1.简单写法2.get和set写法三
阿贾克斯的黎明·2025-02-17 14:29

vue h函数

在Vue3中，这是启动应用的主要方法。defineComponent:用于定义一个组件。在Vue3中，这是一种定义组件的选项式API的替代方法。resolveComponen
月下第一风流·2025-02-17 14:52

【瀑布流插件】vue-masonry

导致图片高度小的，下一行不能紧挨在一起**如图：但是我要的效果是这样的，如图：依靠vue-masonry，实现了一些简单的功能,可参考这篇文章，讲的比较详细《Vue插件》瀑布流插件vue-masonry的使用与踩坑记录
春晓_春眠花落·2025-02-17 14:22
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他