Vue基础模块

多种vue前端框架介绍

在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。
灵魂清零·2025-01-21 19:56

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

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

第五篇 vue3 ref 与 reactive 对比

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

搭建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

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

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

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

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

如何在 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

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

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

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

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

小明，谈谈Vue组件动态加载有哪些方式

本文将探讨几种在Vue中实现组件动态加载的具体方案。1.异步组件Vue允许将组件定义为异步组件，从而在需要时动态加载它们。
·2025-01-20 22:15

小明，谈谈你对Vue nextTick的理解

一、nextTick的实现细节在Vue中，nextTick是一个重要的异步操作工具，用于在DOM更新完成后执行回调函数。其实现依赖于微任务机制，以确保操作在下一个“事件循环”中执行。
·2025-01-20 22:43

小明，谈谈你对Vue 虚拟dom的理解

Vue.js的虚拟DOM（VirtualDOM）是为了提高前端性能和开发体验而引入的一种技术。
·2025-01-20 22:42

使用vue-cli创建uni-app项目，vue3/vite模板

官网地址：https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先，安装脚手架：npminstall-g@vue/cli注意：Vue3/Vite版要求node
hy2356891299·2025-01-20 22:14

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

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

《中型 Vue 项目：挑战与成长》

一、引言在当今的前端开发领域，Vue作为一款渐进式JavaScript框架，以其强大的功能和灵活性备受开发者青睐。对于中型Vue项目而言，其重要性不言而喻。
计算机毕设定制辅导-无忧学长·2025-01-20 19:12

深度解析 React 合成事件：机制、作用及与 Vue 事件机制的对比

在前端开发领域，React与Vue作为两款备受瞩目的框架，凭借独特的设计理念和技术架构，为开发者打造出截然不同的开发体验。
·2025-01-20 18:03

前后端分离VUE3+Springboot项目集成PageOffice核心代码

后端Springboot项目在项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库，建议使用最新版本。com.zhuozhengsoftpageoffice6.3.3.1-javax在项目的启动类Application类中添加一项@Bean配置，此为PageOffice服务器端的必要配置，代码如下：@Value("${posysp
wqqqianqian·2025-01-20 17:58

前后端分离VUE+Springboot项目集成PageOffice核心代码

后端Springboot项目在项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库，建议使用最新版本。com.zhuozhengsoftpageoffice6.3.3.1-javax在项目的启动类Application类中添加一项@Bean配置，此为PageOffice服务器端的必要配置，代码如下：@Value("${posysp
wqqqianqian·2025-01-20 17:57

在线CAD绘制条形码和二维码的方法（VUE集成DWG）

一、条形码绘制1.原理绘制条形码需要根据不同的应用场景选择适当的条形码标准，如常见的codabar、CODE30、CODE128等，每一种条形码标准都有它特定的数据编码规则，调用这些编码规则进行数据编码时会将数据字符按照所选编码规则转换成条和空的组合（一组二进制数据）。不同的条形码标准使用不同的编码规则来表示0到9的数字或26个英文字母。其中，为了确保扫描的准确性，条形码中还包括一个校验字符。这个
·2025-01-20 17:45

Springboot毕设项目动物园售票管理系统96zau（java+VUE+Mybatis+Maven+Mysql）

项目技术：Springboot+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也
韩元计算机毕设·2025-01-20 17:51

Axios封装一款前端项目网络请求实用插件

像一直以来比较火的Vue.js开发的几乎所有项目网络请求用的都是axios。
smart_ljh·2025-01-20 12:03

vue2开发：el-select多选框点击后关闭下拉

效果：代码：vue2开发：el-select多选框点击后关闭下拉*{margin:0;padding:0;}#app{padding:50px;}el-select多选框点击后不关闭下拉el-select
·2025-01-20 12:27

vue3开发：项目添加mitt

项目中遇到一个场景：类似于app.vue页面获取某一个页面组件的数据，因为进入那个组件是通过router-view进入，不是通过组件注入到app.vue,所以使用常规的组件通信获取不到数据，我使用了mitt
·2025-01-20 12:56

vue开发：解决el-input-number组件输入数字的时候无法实时触发change事件

问题：当已经输入数字的时候，还触发了为空的校验，预期是已经输入年龄的时候不会校验，输入框没有值的时候才会触发校验的。在网上查找了资料，el-input-number组件输入数字的时候无法实时触发change事件，需要使用@input.native来触发,一开始使用了也没有效果，后来加了this.$nextTick功能实现了。//解决el-input-number组件输入数字的时候无法实时触发cha
·2025-01-20 12:26

问题大集-02-vue ui 启动时Failed to get response from https://registry.npm.taobao.org/vue-cli-version-marker

1、问题：Failedtogetresponsefromhttps://registry.npm.taobao.org/vue-cli-version-marker使用VueCLI的图形用户界面（GUI
会蹦的鱼·2025-01-20 11:23

Python 常用基础模块（三）：os.path模块

目录一、os.path模块介绍二、常用方法2.1exists()方法——判断路径是否存在(准确)2.2isdir()方法——判断是否为目录2.3isabs()方法——判断是否为绝对路径2.4isf ile()方法——判断是否为普通文件2.5join()方法——拼接路径2.6abspath()方法——获取绝对路径2.7basename()方法——从一个路径中提取文件名2.8dirname()方法——
Amo Xiang·2025-01-20 11:50

vue3实现搜索关键字高亮

其实这个需求非常常见，平时用app、浏览网页时都能用到，那具体是怎么实现的？我做了小案例，先看下效果我们先梳理下这个需求获取搜索关键字，并过滤出符合条件的数据匹配出要高亮的关键字增加样式那其实关键点就在于怎么匹配，如何高亮？这里我们使用正则匹配，再用replace替换，replace的第二个参数也可以是函数，接受的值就是正则匹配到的值：constsearchKey=(val:string)=>{i
前后端都会点儿·2025-01-20 11:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他