Vue精华讲解

vue3+typeScript+vite3+vscode+eslint+prettiter+element-plus+vue-router+pinia+cryptoJs+tailwindcss

项目实战windows环境搭建nodeJs安装vite3安装+项目新建配置tsconfig.json配置vite.config.tspackage.jsontailwind.config.cjs配置.eslintrc.cjs配置vscode配置vscodeeslintsettings.jsonmain.ts入口pinia配置路由配置windows环境搭建nodeJs安装nodeJs官网：https

高梅飞花·2025-01-21 19:22

JAVA：MyBatis 缓存机制详解的技术指南

本文将详细讲解MyBatis缓存机制的使用原理、配置方法，并通过示例展示如何合理地使用缓存优化数据访问效率。

拾荒的小海螺·2025-01-21 18:45

自学记录：用鸿蒙API 13 开发一个专业的进度条与二维码组件

这篇文章，我会结合自己的学习故事，讲解如何使用API13的全新能力，打造一个进度条和二维码展示组件，并以实际开发项目作为成果展示。

·2025-01-21 17:04

vue3+ ts 全局数据加密实现

bootCryptoDecryptuseDesensitise//是否全局进行表格字段脱敏useDesensitise:{type:Boolean,default:true},constdesensitiseField=Object.keys(desensitiseFields).map((k)=>desensitiseFields[k]).flat();定义脱敏constdesensitiseF

·2025-01-21 17:04

[@vuecompiler-sfc] defineProps is a compiler macro and no longer needs to be imported

VueVite项目启动后，控制台报错:[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported.具体报错提示如

m0_67403143·2025-01-21 15:22

第七篇：vue3 计算属性：computed

import{ref}from'vue'//这里数据的双向绑定,通过ref实现数据响应letfirstName=ref("zhan")letlastName=ref("san")计算属性——只读取，不修改

小画家~·2025-01-21 15:21

第六篇 vue3 【toRefs 与 toRef】

import{ref,reactive,toRefs,toRef}from'vue'//数据letperson=reactive({name:'张三',age:18,gender:'男'})作用：将一个响应式对象中的每一个属性

小画家~·2025-01-21 15:21

一文讲解常见API开发工具

1.Hoppscotch•简介:•Hoppscotch是一个开源的、基于浏览器的API请求工具。•设计简单轻量，适合快速测试和调试HTTP请求。•特点:•开源免费:基于Web的开源工具，可在浏览器中直接使用。•支持多种协议:包括REST、GraphQL、WebSocket、Socket.IO和MQTT。•实时调试:提供实时响应查看。•无需安装:无需安装客户端，只需打开浏览器即可。•适合团队协作:提

蚂蚁在飞-·2025-01-21 14:45

一文讲解Mysql中常见排查追踪方案

1.EXPLAIN语句EXPLAIN可以显示MySQL执行SQL查询时的执行计划。通过执行计划，可以了解查询中各个表的访问方式、连接方式、使用的索引等，从而帮助优化查询。EXPLAINSELECT*FROMtable_nameWHEREcondition;•输出字段：•id：查询的执行顺序。•select_type：查询类型，例如简单查询、子查询、联合查询等。•table：查询涉及的表。•type

蚂蚁在飞-·2025-01-21 14:14

第五篇 vue3 ref 与 reactive 对比

ref若需要自动加载.value,那么就要在底部菜单中设置选项选择vue勾选：AutoInsert:DotValueAuto-completeRefvaluewith`.value`.注意点：ref不能写越过

小画家~·2025-01-21 14:42

《重生到现代之从零开始的C语言生活》——C语言的数据类型和变量

数据类型可以分为以下几个内置类型字符型整型浮点型布尔类型自定义类型数组结构体-struct枚举-enum联合体-union在下面我们着重讲解内置类型字符型char可以创建一个字符型的变量（变量会在下文进行描述

yttandb·2025-01-21 14:40

搭建vue3+ts+vite+pinia框架

目录一、搭建准备二、安装vite并创建vue项目1、安装vite2、新建vue项目3.配置vite4、解决报错①、找不到模块“./App.vue”。

光吃，不胖·2025-01-21 14:08

vue3大屏适配方案

1、下载插件vue3-scale-boxnpminstallvue3-scale-box2、引入即可importScaleBoxfrom"vue3-scale-box";importmain1from"

技术需要沉淀gogo·2025-01-21 12:57

在 Vue 3 中，如何处理和优化大型组件的性能？

在Vue3中，如何处理和优化大型组件的性能？在现代开发中，使用Vue3创建复杂和大型应用程序变得越来越普遍。这些大型组件往往包含了复杂的逻辑和大量的DOM元素，因此性能优化成为了一个不可忽视的话题。

JJCTO袁龙·2025-01-21 11:49

vue 的 MVVM 原理

文章目录一.过程1.1指令解析器1.2检测目前几种主要的mvc的结构，都是实现了单向的数据绑定。双向的数据绑定无非就是添加了change事件，然后来动态的更改model和view,发布者订阅者模式数据劫持获取文档碎片节点。将文档文档碎片节点放到页面中，减少页面的回流和重绘。一.过程实现指令解析器Compile数据监听器Observe实现一个watcher去更新视图实现一个proxy1.1指令解析器

沧海一声笑·rush·2025-01-21 11:49

Vue 3 中的 fragment 是什么？它为什么被引入？

Vue3中的Fragment：全新特性与应用场景在前端开发中，我们自主决定如何组织和展示数据。对于频繁与DOM打交道的开发者而言，如何高效、灵活地进行渲染显得尤为重要。

JJCTO袁龙·2025-01-21 11:48

vue中MVVM实现原理

最常用的是用vue-cli脚手架的方式来创建一个项目。它是以一种单文件组件的方式，即为.vue文件，它里面包含了模板、业务逻辑和样式。

danniyedan·2025-01-21 10:36

vue mvvm 原理

一.什么是mvvmMVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。要实现一个mvvm的库，我们首先要理解清楚其实现的整体思路。先看看下图的流程：1.实现compile,进行模板的编译，包括编译元素（指令）、编译文本等，达到初始化视图的目的，并且还需要绑定好更新函数；2.实现Obse

LikY03321·2025-01-21 10:34

Vue的MVVM架构是什么？请解释其工作原理

Vue的MVVM架构是什么？请解释其工作原理在现代Web应用开发中，Vue.js作为一个渐进式框架，因其简洁且灵活的特性受到广泛欢迎。

JJCTO袁龙·2025-01-21 09:00

搭建直播网站技术层面准备全流程

2.前端框架：PC端-React、Vue.js。移动端-ReactN

sanx18·2025-01-21 09:57

vue基础代码第一篇

1创建一个基本的Vue应用import { createApp } from 'vue';import App from '.

东锋1.3·2025-01-21 09:23

Vue CLI 动态代理配置实战：实现热更新与灵活配置

尤其是在使用VueCLI进行开发时，我们经常需要通过devServer.proxy来配置代理。然而，传统的代理配置通常是静态的，修改后需要重启开发服务器，这在频繁调整代理配置的场景下显得非常不便。

·2025-01-21 07:09

2024年Vue面试题汇总

流程图如下：vue核心知识——语法篇1.请问v-if和v-show有什么区别？相同点：两者都是在判断DOM节点是否要显示。

2401_89210258·2025-01-21 05:55

【深度学习】Pytorch：导入导出模型参数

本文将全面讲解PyTorch中关于模型参数的操作，包括如何导出、导入以及如何下载模型参数。什么是模型参数模型参数是指深度学习模型中需要通过训练来优化的变量，如神经网络中的权重和偏置。

T0uken·2025-01-21 05:54

【从零开始入门unity游戏开发之——C#篇46】C#补充知识点——命名参数和可选参数

【C#篇】：主要讲解C#的基础语法，包括变量、数据类型、运算符、流程控制、面向对象等，适合没有编程基础的同学入门。

向宇it·2025-01-21 05:24

后端程序员基础篇（一） JAVA基础

在以往的博客中，大部分讲解的是框架的基础框架和功能模块，对于想要从事Web开发的同学来说，框架和各个功能模块固然非常重要，但这些都是建立在你有深厚的基础之上的，一开始学习的重点应该放在基础上面，在有了深厚的地基之后

菜鸡来咯·2025-01-21 05:50

数据结构之循环队列C语言实现（详细）

这一篇讲的是循环队列，链式队列在另外一篇文章中链式队列讲解与C++实现循环数组循环队列使用的是数组，但是这个数组

ck8719·2025-01-21 04:40

基于R语言的DICE模型实践技术应用；评估气候变化对经济的影响以及不同减排政策的经济成本和效益

以下是一个关于DICE模型在气候变化影响评估中的实际应用案例，结合R语言代码进行讲解。实际案例：评估全球碳税政策的影响假设我们要评估一项全球碳税政策对经济增长、碳排放和气候变化的影响。

KY_chenzhao·2025-01-21 03:36

vue axios 下载获取文件名 filename 后端返回

constdownloadRow=(row)=>{importConfigApi.downloadTemplate(row.id,'blob').then((res)=>{console.log(res)//letfileName=''letfileName=decodeURI(res.headers['content-disposition'].split(';')[2].split('file

失眠的咕噜·2025-01-21 03:58

vue中el-table合并单元格

1.在el-table中添加:span-method=“handdelSpanMethod”2.handdelSpanMethod方法//历史单特殊计量合并企业名称相同的第一列handdelSpanMethod({row,column,rowIndex,columnIndex}){if(columnIndex===2){//企业名称相同时，合并第一列constprevRow=this.specil

~张小八~·2025-01-21 02:23

Nginx 跨域配置详细讲解

一、跨域请求概述跨域资源共享（CORS，Cross-OriginResourceSharing）是一种机制，它使用额外的HTTP头部来告诉浏览器让运行在一个origin（域）上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域HTTP请求。二、Nginx跨域配置步骤1.定位并打开Nginx配置文件Ngin

m0_74824517·2025-01-21 02:22

vue vite sass 报错处理 Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0

importrulesaredeprecatedandwillberemovedinDartSass3.0.0sass1.80不再支持@import需要使用`@use’错误提示:DeprecationWarningonline1,column9ofsrcAbout.vue

m0_74823561·2025-01-21 02:22

使用 “Run on Save” 插件自动运行 yarn vue-cli-service lint --fix

文章目录使用"RunonSave"插件自动运行`yarnvue-cli-servicelint--fix`准备工作步骤指南1.确认命令可用性2.配置"RunonSave"3.测试配置4.处理常见问题结语使用

小丁学Java·2025-01-21 02:50

Vue3项目el-table表格动态合并相同数据单元格(可指定列+自定义合并)

一、先看效果：二、完整代码：import{reactive,onMounted}from'vue';//存放所有的表头一定要与tableData一致constcolFields=reactive(["city

KT553·2025-01-21 02:42

在 Windows 下利用 `.pem` 文件配置 VS Code Remote-SSH 连接远程服务器

本文将详细讲解如何在Windows下通过.pem文件配置VSCode连接远程服务器。1.准备工作在开始之前，请确保您已经具备以下条件：VSCode已安装，并安装了Remote-SSH

微凉的衣柜·2025-01-21 01:41

探索前沿AI技术：什么是LLM框架?什么是Agent应用?什么是Workflow架构?一篇文章带你全部搞懂

详细的知识点讲解和分析详细的代码案例详细的操作命令Agent应用：智能与自动化什么是Agent应用?知识点讲解代码

大模型学习路线·2025-01-21 01:39

足球俱乐部管理系统（11293）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue

codercode2022·2025-01-21 00:31

Mybatis-plus 多租户插件

前言本篇主要分析Mybatis-plus多租户插件，然后根据多租户插件在延伸到其他场景案例Mybatis-plus官网对多租户插件已有详细讲解，这里就不在附上使用案例。

YaYicho·2025-01-21 00:55

如何在 Vue 3 中使用组合式 API 进行代码的逻辑复用？

如何在Vue3中使用组合式API进行代码的逻辑复用？在Vue3的生态中，组合式API（CompositionAPI）引入了全新的方式来构建组件，使得逻辑复用变得更加简单和灵活。

JJCTO袁龙·2025-01-20 23:50

Vue Router 中如何获取路由传递过来的参数？

在VueRouter中，可以通过多种方式获取路由传递过来的参数。以下是几种常见的方法：使用this.$route.params在组件中，可以通过this.$route.params来访问路由参数。

晚夜微雨问海棠呀·2025-01-20 23:19

Vue.js 的组合式 API 与状态管理

随着现代前端开发的不断发展，Vue.js作为一个渐进式JavaScript框架，已经成为开发动态和交互式用户界面的流行选择之一。Vue.js的设计旨在通过简洁的语法和强大的功能来提升开发者的生产力。

·2025-01-20 23:56

ofa.js：无需打包的MVVM框架，前端开发的轻量之选

近年来，前端开发领域涌现了许多优秀的框架，如React、Vue和Angular，它们极大地提升了开发效率和代码可维护性。

·2025-01-20 23:52

Vue 3.5 中的 useId：深入解析与应用实践

随着Vue3.5的发布，开发者们迎来了许多新特性和改进。其中，useId是一个备受关注的工具函数，它为开发者提供了一种简单而高效的方式来生成唯一的ID。

·2025-01-20 23:21

技术选型指南：Web、原生、混合开发的对比

本文将详细分析这三种开发方式的特点、实现原理及适用场景，同时推荐一些开源框架，并讲解微信小程序的实现方式。我们还将通过简单的代码示例，帮助大家更直观地理解这些技术。一、纯Web开发定义：纯Web开

·2025-01-20 23:19

深入剖析Vue的provide与inject：如何实现跨层级数据共享

引言在Vue开发中，provide与inject是两个非常有用的特性，它们常用于父子组件关系之外的跨层级数据传递。

·2025-01-20 22:46

Vue项目打包部署与路由配置深度解析

在Vue.js项目的开发和部署过程中，配置打包路径和路由模式是两个至关重要的环节。