vue3动态路由

使用WebStorm开发Vue3项目

基本配置打包工具：Vite前端框架：ElementPlus开发语言：Vue3、TypeScript、Sass代码检查：ESLint、PrettierIDE：WebStorm2024.2首先说一下版本兼容问题
泡泡Java·2025-02-22 20:11

Vue3.0生命周期钩子（包含：Vue 2.0 和 Vue 3.0）

1、Vue2.0生命周期钩子每个应用程序实例在创建时都有一系列的初始化步骤。例如，创建数据绑定、编译模板、将实例挂载到DOM并在数据变化时触发DOM更新、销毁实例等。在这个过程中会运行一些叫做生命周期钩子的函数，通过这些钩子函数可以定义业务逻辑。应用程序实例中几个主要的生命周期钩子函数的说明如下：钩子函数说明beforeCreate()在实例初始化之后且数据观测和事件/监听器配置之前调用。crea
pan_junbiao·2025-02-22 19:30

webstorm 创建vue3 vite 项目

打开Webstorm,创建一个空项目直接在当前项目执行创建vue3项目指令，打开主页terminal回车后输入项目名字全部小写字母字打开创建项目项目插件安装npminstall运行：npmrundev
Lan.W·2025-02-22 18:57

Day5、Vue3 Router路由(下)

「本专栏是我在学习Vue3过程中的总结与分享，旨在帮助初学者快速上手Vue3。由于我也在持续学习中，如果有任何疏漏或错误，欢迎大家在评论区指正，我们一起进步！」
码有余悸·2025-02-22 17:47

关于Vue3中使用Echarts，详细指南、常见问题及最佳解决方案

一、基础集成步骤1.安装依赖npminstallechartsvue-echarts#推荐使用官方维护的vue-echarts组件库#或npminstallecharts--save2.基础使用（CompositionAPI）import{ref,onMounted,onBeforeUnmount,watch}from'vue';import*asechartsfrom'echarts';cons
繁若华尘·2025-02-22 13:50

【Vue3】项目中实现整屏滚动效果，整屏翻页 fullpage.js

文章目录安装引入挂载页面中使用vue3+vite项目中实现整屏滚动、翻页效果。具体效果可以参考：百度视觉技术首先准备好项目，没有项目或者不会建可以直接克隆准备好的。
fruge365·2025-02-22 11:31

华为动态路由-OSPF-完全末梢区域

华为动态路由-OSPF-完全末梢区域一、OSPF简介1、OSPF概述OSPF是一种开放式的、基于链路状态的内部网关协议（IGP），用于在自治系统内部进行路由选择和通信。
小冷爱学习！·2025-02-22 10:23

vue3.0(十四)内置组件KeepAlive

文章目录一、KeepAlive是什么1.KeepAlive的props属性2.KeepAlive的生命周期二、使用场景三、源码四、缓存后如何获取数据一、KeepAlive是什么keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOMkeep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们keep-alive保持组件活跃，不会被destro
程楠楠&M·2025-02-22 09:13

Vue 和 React 响应式的区别

React和Vue在响应式机制上的核心区别主要体现在数据变化侦测方式、更新触发逻辑和设计理念上，具体如下：一、数据变化侦测方式Vue的响应式原理：通过Proxy（Vue3）或Object.defineProperty
秀秀_heo·2025-02-22 09:12

用deepseek学大模型08-用deepseek解读deepseek

DeepSeekR1是一种先进的深度学习模型架构，结合了Transformer、稀疏注意力机制和动态路由等核心技术。
wyg_031113·2025-02-22 01:26

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

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

深入解析 Flutter 高级路由管理：使用 go_router 和 auto_route 实现复杂路由与拦截

简单的Navigator和命名路由可能难以满足需求，比如嵌套路由、动态路由参数、路由守卫（如登录验证）等。
陈皮话梅糖@·2025-02-19 23:07

[从零开始的 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

（1-2）DeepSeek概述：DeepSeek的架构概览

此外，DeepSeek引入了动态路由网络，智能地调配计算资源，以高效处理长文本和复杂逻辑任务。1.2.1DeepSeek的整体架构设计DeepSeek的整体架构设计以高效处理长文本和提升推理
码农三叔·2025-02-19 15:59

Vue3 循环语句

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

FreeSwitch中mod_dptools和mod_easyroute两个模块及应用场景

FreeSWITCH中的mod_dptools和mod_easyroute是两个功能不同的模块，分别服务于呼叫控制和动态路由场景。
狂爱代码的码农·2025-02-19 13:44

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

引言Vue3是Vue.js的最新版本，带来了许多新特性，如CompositionAPI、更好的TypeScript支持、性能优化等。
人民广场吃泡面·2025-02-19 12:39
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他