vue小技巧第15页

vue3+ts 中使用mitt进行跨组件通信

mitt插件的使用安装插件进行封装一个模块，对外暴露一个Mitt实例使用安装插件官方文档pnpmimitt--s//我用的pnpm或npmi--smitt或yarnaddmitt进行封装一个模块，对外暴露一个Mitt实例1、在utils文件夹下新建mitt（例如mitt.ts），用于初始化并导出mitt实例：//src/eventBus.tsimportmittfrom'mitt';//定义事件类

我胡为喜呀·2024-09-01 11:44

day38-测试平台搭建之前端vue学习-ES6

比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let

开测开测·2024-09-01 11:14

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义

神小夜·2024-09-01 10:07

搭配 TypeScript 使用 Vue

IDE支持Volar是官方的VSCode扩展，提供了Vue单文件组件中的TypeScript支持，还伴随着一些其他非常棒的特性。

kingrome2009·2024-09-01 10:06

VUE 组件

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、VUE组件---组件注册二、VUE--组件props三、插槽四、深层组件传值五、动态组件前言提示：这里可以添加本文要记录的大概内容

.YoIo·2024-09-01 10:04

vue响应式原理

对于响应式原理，我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一

.YoIo·2024-09-01 10:04

Vue3与TypeScript的深度结合：技术指南及实践详解

引言Vue.js在Vue3版本中引入了众多革新性的功能和优化，如CompositionAPI、Teleport组件等，并且对性能和可维护性进行了显著提升。

小码快撩·2024-09-01 10:34

深入探索Vue.js组件与插件技术

引言在Vue.js的世界里，组件化和插件化是构建大规模可维护前端应用的重要基石。

小码快撩·2024-09-01 09:30

2021-10-21 vue笔记-组件化开发(四) 组建通信:非父子通信-事件总线,在vue项目中使用eventbus的例子

文章目录1.事件总线(eventBus)定义用途原理2.eventBus使用步骤3.在HTML网页中使用事件总线:模拟公众号和用户之间信息的发送和接收代码结果4.在vue项目中使用事件总线:点击增加减小按钮实现数值的增减

前端OnTheRun·2024-09-01 09:28

vue移动端适配postcss-px-to-viewport

在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错，

我是七月·2024-09-01 09:59

基于Java+Springboot+Vue+elememt宠物用品商城系统设计实现

基于JavaWeb开发的宠物用品商城系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基于JavaWeb开发的宠物用品商城系统一、前言介绍：二、系

网顺技术团队·2024-09-01 08:22

【职场小技巧】情境领导的逻辑思路@稀土永磁Amy@20210314@上海

情境领导的逻辑思路：组织目标决定岗位职责。岗位职责决定工作任务。任务的要求决定考核标准。考核的标准判定员工的表现是否满意？意愿与能力决定员工的日常表现。领导的行为必须与员工的状态相吻合。领导方法应随时变化和调整才能有效领导下属。真正的能力来自于行动之后～一起加油吧……

稀土永磁Amy·2024-09-01 06:34

前端动画实现：React 和 Vue 框架技术实现 filp

前言在Vue的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果手写出这个逻辑应该是非常复杂的。但是文档里我们发现一个名词：FLIP，这给了我们一个线索，用filp可以实现。

@逆风boy·2024-09-01 04:32

vue3 reactive和ref的区别

定义角度来看ref用来定义：基本类型数据。reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据,它内部会自动通过reactive转为代理对象。constisActive=ref(false)console.log(isActive.value)//falseconstperson=reactive({name:'zhang',age:'18'})原理角

张张张爱学习·2024-09-01 04:02

这个项目所需的配置文件和依赖

这是用于记录这个项目的依赖,中间出现了很多版本问题,这是最后解决出来的版本配置文件spring:datasource:url:jdbc:mysql://localhost:3306/vueadmin?

努力学习的小宇同学·2024-09-01 04:31

vue3keep-alive 缓存的是什么信息 el-table的expand-row-keys展开是否会默认缓存

在Vue3中，组件用于缓存不活动的组件实例，而不是渲染内容。当组件被缓存时，它的状态和数据将被保留，直到组件再次被激活。

qq_42463588·2024-09-01 04:01

vue3 + ts中有哪些类型是由vue3提供的?

在Vue3中结合TypeScript使用时，Vue提供了一系列的类型帮助函数和接口，这些类型用于增强TypeScript的集成和提供类型安全。

汝&戏·2024-09-01 04:31

浅谈Vue和React对比

这里就做几个简单的类比吧，当然没有好坏之分，只是使用场景不同相同点都有组件化思想都支持服务器端渲染都有VirtualDOM（虚拟dom）数据驱动视图都有支持native的方案：Vue的weex、React

时倾௸·2024-09-01 04:00

Node:解决Error: error:0308010C:digital envelope routines::unsupported的解决方法

问题描述在使用vuepress搭建博客的时候，运行项目发现报错了，检查了node的版本是18+，之前用的是16或14的版本，现在报：Error:error:0308010C:digitalenveloperoutines

码上言·2024-09-01 04:30

动态修改网页icon图标

动态修改网页icon图标//如果在vue项目中在App.vue下的created()中输入varlink=document.querySelector("link[rel*='icon']")||document.createElement

涔溪·2024-09-01 04:30

怎么使用Mybatisplus的分页插件来完成分页

前端使用的Elementui后端1.在配置里配置数据源spring:datasource:url:jdbc:mysql://localhost:3306/vueadmin?

努力学习的小宇同学·2024-09-01 03:59

vsCode保存代码自动格式化

{"editor.formatOnSave":true,"[vue]":{"editor.defaultFormatter":"octref.vetur"},"files.autoSave":"off"

花开富贵城·2024-09-01 02:21

vue项目打包压缩静态资源—使用compression-webpack-plugin

vue项目打包压缩静态资源—使用compression-webpack-plugin场景：vue项目打包上线后，资源加载缓慢，用户体验感差。

牛小妞~牛·2024-09-01 02:51

vue3中，子组件如何向父组件传值

写作灵感最近在写项目时，有多个页面都需要使用到一个搜索栏。因此，就需要将搜索栏封装成一个组件，我们在其他组件使用搜索组件时，需要将搜索到的内容传入父组件进行展示。此时，就需要用到子组件向父组件传值了。使用子组件向父组件传递值时，相信遇到最多的便是emit进行传值了。下面我将介绍我用到的两种传值方式：使用setup语法糖和不使用setup语法糖的两种方式。（父组件的书写放在后面）使用setup语法糖

易烊子豪·2024-09-01 02:51

VueDraggablePlus的学习与问题解决

目录VueDraggablePlus的使用插件APIgroup属性拖拽分组delay响应时间disabled启用禁用scroll是否允许滚动animation过渡效果handle鼠标在指定元素上才允许拖动

揽昕·2024-09-01 02:50

[附源码]JAVA毕业设计基于web旅游网站的设计与实现（系统+LW）

项目技术：JAVA+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是ja

晶涛计算机毕设·2024-09-01 02:46

[附源码]java毕业设计基于web旅游网站的设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

李会计算机程序设计·2024-09-01 02:15

手把手学习Vue3.0：CSS样式基础和HTML5基础收藏

背景最近在做管理系统的时候我还不会用Vue，时间紧任务重就先用J2EE那套，利用layUI先实现了。

帅哥趣谈·2024-09-01 01:43

Vue-cli的使用

文章目录1vue-cli的安装和项目配置2使用vue-cli开发todolist3全局样式与局部样式1vue-cli的安装和项目配置这篇博文中有详细的介绍：安装vue-cli2.0并创建项目。

子非鱼921·2024-09-01 01:42

让电脑屏幕保持常亮

目录如何让电脑显示器屏幕保持常亮打开显示属性进入屏幕保护程序设置打开电源管理设置关闭屏幕保护程序再次打开显示属性再次进入屏幕保护程序设置关闭屏幕保护程序电脑使用小技巧定期清理电脑合理安排电脑布局使用合适的电脑配件定期备份数据学习快捷键保持操作系统和软件的更新合理安排使用时间如何让电脑显示器屏幕保持常亮要让电脑显示器屏幕保持常亮

WSH2012ffff·2024-09-01 01:10

浏览器播放h.265 rtsp流媒体解决方案

近期研究在VUE中播放RTSP实时视频，客户要求延迟低于300毫秒，并且要求支持多路同时播放，支持H.265格式视频，比较了下目前市场上常见的几种方案，以供大家参考！

LiveWeb视频管理平台·2024-09-01 00:04

追女人的时候，表白被拒绝了，要不要继续追？要从两个方面来分析

百里子清·2024-08-31 23:47

Vue使用插槽封装tabbar 和使用router-view

tabbar的封装思路tabbar1、定义tabbar组件2、定义tabbar-item组件定义tabbar组件思路：使用插槽exportdefault{name:'TabBar'}#tabbar{display:flex;background-color:#f6f6f6;position:fixed;left:0;right:0;bottom:0;box-shadow:0-1px5pxrgba(

senda66·2024-08-31 22:00

vue-router学习8：RouterView插槽

安装并配置npminstallvue-router使用import{create

无名H·2024-08-31 22:00

关于 router-view-slot

关于router-view-slotApp.vue配置动态路由importlayoutfrom"@/layout/index.vue";constrouter=createRouter({history

今晚也失眠·2024-08-31 22:29

VueRouter源码（三）--RouterView， RouterLink

注册为vue组件RouterView和RouterLink组件在install方法中注册成了Vue的组件functioninstall(Vue){...Vue.component('RouterView

haoyanyu_·2024-08-31 22:58

基于vue-cli3，全局集成 scss | sass

Css的预处理器如果项目中没有scss预处理器，需要安装npminstall-Dsass-loadernode-sass修改配置文件vue.config.jsconstfs=require('fs')module.exports

PHP的点滴·2024-08-31 22:01

Vue 选中表格中的行，并勾选复选框，并查询表格第一页

querySelectedPackageProductList(){letparam={content:{id:this.childParam.content.packageId}};log('查询所有已勾选的列表元素入参',param);getPackageList(param).then((resp)=>{if(200===resp.status){this.$refs.multipleTab

赛亚人之神·2024-08-31 22:54

在线图书管理系统”的Vue.js项目

项目概述假设我们正在构建一个名为“在线图书管理系统”的Vue.js项目。该系统允许用户浏览图书列表、搜索图书、查看图书详情、添加新书到购物车以及进行用户认证（登录、注册）。

hai40587·2024-08-31 21:51

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5

舍予一·2024-08-31 20:15

python Django +Vue实现多文件异步上传

pythonDjango+Vue实现多文件异步上传刚接触python不久，接到个需求需要多文件上传，在网上找了很多，有讲理论的，有讲实现的，但我花了很长时间，才从这些文章中搞懂这个问题，我们来个直接粗暴的

离光头还差半个光头·2024-08-31 18:04

Vue——认识day03_事件

此处接上一篇文章Vue——认识day2开始，欢迎大家。

WenJGo·2024-08-31 18:32

大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网

import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent

2401_84411822·2024-08-31 18:01

vue+element 使用弹框this.$confirm 区分关闭和取消按钮

需求描述：点击按钮，弹出弹窗，要做两个选择按钮，要区分开选择和关闭的功能代码实现：this.$confirm("是否确定删除选中的数据?","提示",{confirmButtonText:"确定（A按钮）",cancelButtonText:"取消（B按钮）",type:"warning",distinguishCancelAndClose:true,//重要，设置为true才会把右上角X和取消区

乐容·2024-08-31 17:27

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli

一介书生.·2024-08-31 16:48

VUE学习笔记—Vue运行时渲染

我们先来看一vue官方的介绍很多时候我们貌似已经忽略了渐进

前端姑娘·2024-08-31 16:16

vue3 路由的使用

在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。

前端不加班·2024-08-31 16:45

vue3.x+typescript 配置全局属性-vue3配置全局axios

下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou

我爱张智容·2024-08-31 16:37

问题解决：vue dev模式没问题，dist之后页面not found

导读：本菜鸡作为一个JavaScript的初学者，搞了一个Vue页面之后想将其在生产环境中部署。但是dist之后发现生成的静态页面只有首页访问正常，其余页面全部都是NotFound，百思不得其解。

Einstellung·2024-08-31 16:44

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp

赵广陆·2024-08-31 15:39

推荐频道

vue小技巧