vue3简单使用第87页

Vue3封装一个轮播图组件

先看效果编写组件代码CarouselChart.vue←→import{defineProps,defineEmits}from'vue'constemit=defineEmits(['handlePrev','handleNext'])constprops=defineProps({//图片imgList:{type:Object,required:true,},//是否显示左右切换按钮show

szx的开发笔记·2024-01-20 13:43

Vue 3 hooks的基本使用及疑问

前言vue3也用过一段时间了，hooks听说过，但是一直没有用过。公司的前端项目里也没有相应的应用，因此打算系统的学习一下。hooks与普通函数的区别以实现一个加法功能为例。

无知的小菜鸡·2024-01-20 13:42

手写Vue3源码

Vue3核心源码B站视频地址：https://www.bilibili.com/video/BV1nW4y147Pd?

szx的开发笔记·2024-01-20 13:11

Vue3-路由安装、配置与使用

一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'vue-router'constroutes=[{path:'/',redirect:'/login'},{name:'login',path:'/login',component:()=>import('@/

前端小卡拉米·2024-01-20 12:05

Vue3-Axios二次封装与Api接口统一管理

一、安装axiosnpmiaxios二、创建utils工具文件夹创建request.ts文件importaxiosfrom'axios'//引入element-plus消息提示import{ElMessage}from'element-plus'//引入用户相关的仓库importuseUserStorefrom'@/store/modules/user'//使用axios对象create方法,创建

前端小卡拉米·2024-01-20 12:33

vue3+vite创建项目--（傻瓜式教程）

1、运行创建项目命令#使用npmnpmcreatevite@latest#使用yarnyarncreatevite#使用pnpmpnpmcreatevite剩下的就是启动以及一些配置信息2、vite+vue3

Bubluu·2024-01-20 11:43

vue3 + antd + typeScript 封装一个高仿的ProTable

前言阿里的antd组件说实话真的非常完善了，可是vue版的寥寥无几，vue3的更少了，今天有空就封装一个高仿的ProTable开始其实很简单的，我们是基于vue版的antd进行二次封装，我们把表格组件联动到表单组件即可

An_s·2024-01-20 11:08

vue3 + antd 封装动态表单组件（一）

前置条件：vue版本v3.3.11ant-design-vue版本v4.1.1创建动态组件配置文件config.jsimport{Input,Textarea,InputNumber,Select,RadioGroup,CheckboxGroup,DatePicker}from'ant-design-vue';//表单域组件类型exportconstcomponentsMap={Text:Inpu

guizi0809·2024-01-20 11:36

Arthas的简单使用

ArthasArthas是一个开源的Java诊断工具，旨在帮助开发者和运维人员更轻松地定位和解决Java应用程序的性能问题。实时诊断：Arthas提供了实时的诊断功能，可以帮助你监视应用程序的性能，包括CPU使用率、内存使用情况、线程状态等。通过实时诊断，你可以及时发现潜在的性能问题。代码追踪和分析：Arthas允许你对Java方法进行追踪和分析，以了解方法的执行时间、调用链等信息。这对于查找性能

ajwlforever·2024-01-20 11:53

Mysql：重点且常用的操作和理论知识整理 ^_^

添加外键3DML数据库操作语言3.1插入语句(INSERT)3.2修改语句(UPDATE)3.3删除语句3.3.1DELETE命令3.3.2TRUNCATE命令4DQL数据库查询语言4.1SELECT语句的简单使用

是小蟹呀^·2024-01-20 10:30

移动端 h5-table react版本支持虚拟列表

github链接：https://github.com/duKD/react-h5-table有帮助的话给个小星星有两种表格组件常规的：支持左侧固定滑动每行点击回调支持指定列排序支持滚动加载更多效果和之前写的vue3

cheerfulCoder·2024-01-20 10:29

vue3中reactive和ref函数及对比

在Vue3中，reactive和ref都是用于创建响应式数据的方法。ref函数接收一个参数，返回一个包装过的响应式对象。

我爱学习yq·2024-01-20 10:28

VUE知识点汇总：

yarnadd-g@vue/cli第二步：vuecreate项目名字（尽量用英文）第三步：运行项目npmrunserve安装新的软件包，使用npmi依赖包的名字或yarnadd依赖包的名字二、vue相关概念：vue3

释怀_3de6·2024-01-20 10:23

Python办公自动化

办公自动化文章目录办公自动化文件与文件夹os模块批量操作文件及文件夹文件相关读写操作及临时文件压缩和解压缩文件案例**王者图片下载批量打包处理**文件搜索工具文件自动分类一键自动清理重复文件批量转换图片格式xlwings操作Excel**简单使用

过期的秋刀鱼-·2024-01-20 10:20

Android TextToSpeech简单使用

AndroidTextToSpeech简单使用文章目录AndroidTextToSpeech简单使用前言一、TTS是什么？

weixin_43802812·2024-01-20 09:17

[GN] Vue3快速上手1

文章目录前言使用vue-cli创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2

GGood_Name·2024-01-20 08:25

[GN] 使用vue3+vite+ts+prettier+eslint

学习目标：做到代码格式等统一，此时，esint和prettier就要登场了。学习内容：eslint是代码检测工具，可以检测出你代码中潜在的问题，比如使用了某个变量却忘记了定义。prettier是代码格式化工具，作为代码格式化工具，能够统一你或者你的团队的代码风格。=>安装prettier+eslint包，并做一系列的配置学习时间：创建项目yarncreatevite选择vue作为framework

GGood_Name·2024-01-20 08:22

python 自动化模块 - pyautogui初探

python自动化模块-pyautogui引言一、安装测试二、简单使用三、常用函数总结引言在画图软件中使用pyautogui拖动鼠标，画一个螺旋式的正方形-(源码在下面)PyAutoGUI允许Python

大米粥哥哥·2024-01-20 07:14

RabbitMQ 的安装和集成 SpringBoot简单使用

文章目录安装安装Erling安装RabbitMQ启动RabbitMQ使用RabbitMQSpringBoot集成RabbitMQ使用1、导入相应的依赖2.使用RabbitMQDefault配置类发送消息接收消息接口测试Fanout配置类发送者接收者接口测试Direct配置类发送者接收者接口测试Topic配置类发送者接收者接口测试Headers配置类发送者接收者接口测试安装Linux版本cat/pr

DespairC·2024-01-20 07:27

docker 的 Dockerfile 简单使用

#注意事项：容器内是否能正常使用防火墙取决于你的宿主机和容器是否是同一种系统#服务器系统推荐使用almalinux容器镜像下载dockerpullalmalinux:8.8#桌面系统推荐deepin和mint附件下载有道云笔记下面是编译一个新镜像更新系统安装ssh以及提升容器权限FROMubuntu:22.04表示依赖那个版本创建镜像MAINTAINERi8520表示作者信息COPY的使用$HOM

酷谷的谷子·2024-01-20 06:10

Docker部署微服务问题及解决

容器命令案例：Nginx容器修改，Redis容器持久化订阅专栏：Docker希望文章对你们有所帮助我在学习微服务架构的时候需要用docker进行部署，为了方便我实际上使用的Docker-Compose，这个的简单使用方式可以看这篇文章

布布要成为最负责的男人·2024-01-20 06:39

【Vue3】3-4 : 组件的属性与事件是如何进行处理的

有时候组件上的属性或事件并不想进行组件通信，那么Vue是如何处理的呢？组件的属性与事件默认不通过props接收的话，属性会直接挂载到组件容器上，事件也是如此，会直接挂载到组件容器上。可通过inheritAttrs选项阻止这种行为，通过指定这个属性为false，可以避免组件属性和事件向容器传递。可通过$attrs内置语法，给指定元素传递属性和事件，代码如下：letapp=Vue.createApp(

ladymorgana·2024-01-20 06:32

【Vue3】3-3 : 组件之间是如何进行互相通信的

本书目录：点击进入一、组件之间为什么要做通信二、组件之间通信方式2.1、父传子：由传递属性实现stage1：申明（即定义）stage2：注册stage3：使用【示例】：父组件将title和count传递给子组件（普通数据和响应式数据的传递）＞代码＞效果2.2、子传父：由自定义事件实现stage1：申明（即父组件：定义方法+子组件：调用方法）stage2：注册stage3：使用【示例】：子组件将da

ladymorgana·2024-01-20 06:01

v-if和v-for哪个优先级更高?

vue3中则相反，v-if优先级高于v-for，所以两者写在一个标签内，如果v-if使用了v-for循环出来的变量，则会有变量不存在的异常。场景：1、过滤列表中的项目。2、避免渲染本应该被隐藏的列表

程序员-小许·2024-01-20 05:27

vue-cal 使用教程

目录0.介绍及效果展示1.vue2环境安装2.页面引入3.使用4.效果图0.介绍及效果展示vue-cal组件比较灵活，可以随意切换年、月、周、日、时间历图，放几张截图看下效果1.vue2环境安装vue3

小菜花29·2024-01-20 05:24

Vue再次接触后

企业数字化平台》中的组织管理部分内容的设计和开发，数据库很快就设计出来了，下步就要动手干活了，发现前端竟然不会，疯了，好在以前看过vue的一点东西，没有写过内容，马上就开始了，工欲善其事必先利其器，把Vue3

Feather Duster·2024-01-20 04:20

Vue3的v-if 和v-for优先级

文章目录在vue2中，v-for具有比v-if更高的优先级在vue3中，v-if具有比v-for更高的优先级。

fmk1023·2024-01-20 03:52

Vue3中使用JSX

fmk1023·2024-01-20 03:52

我从Vue3 中学到的 7 个超级实用的开发技巧

来源|https://javascript.plainenglish.io/7-super-useful-utility-functions-i-learned-from-vue3-adc6c93067b

web前端开发V·2024-01-20 02:31

Vue3中响应式的实现

vue3响应式的实现Vue3中，数据是基于ES6Proxy实现响应式的。

buffonme·2024-01-20 02:52

Vue3中的ref和reactive函数如何使用？区别是什么？

ref函数语法：复制constxxx=ref(initValue)接受的数据类型：基本类型，对象类型作用：把参数加工成一个响应式对象，全称为reference对象(我们下面一律简称为ref对象)核心原理：响应式依赖Object.defineProperty()的get()和set()。Ref函数对于基本数据类型的参数基本使用：复制{{Str}}import{ref}from'vue'exportd

山抹微云_9c0c·2024-01-20 02:08

鸿蒙harmony--HTTP数据请求的简单使用

不得不承认，年龄越大性格就越简单，更喜欢安静，不喜欢去了解别人，也不想被了解，只想静静的做自己喜欢的事……目录一，场景介绍二，接口说明三，http请求使用一，场景介绍应用通过HTTP发起一个数据请求，支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。二，接口说明HTTP数据请求功能主要由http模块提供。使用该功能需要申请ohos.perm

袁震·2024-01-20 01:48

vue3中form对象无法赋值问题

加上asyncawait还是不行有时候对象的值死活赋不上值，这时候可以看下赋值的对象变量名是否和页面组件中的ref相同，如果存在相同，则参照以下解决方案：问题定位：setup中抛出的变量不能与页面组件中的ref重复解决方式：更换ref名称ref=“form”改为ref=“messageForm”

vivk2017·2024-01-20 00:28

vue3中新增时form对象无法赋值问题

有时候对象的值死活赋不上值，这时候可以看下赋值的对象变量名是否和页面组件中的ref相同，更改后正常赋值

vivk2017·2024-01-20 00:28

1、前端项目初始化（vue3)

1、安装npm安装npm，（可以用nvm管理npm版本）npm安装需要安装node.js（绑定销售？）而使用nvm就可以很方便的下载不同版本的node，这里是常用命令1、nvminstall：安装指定版本的Node.js，例如nvminstall18.16.1。2、nvmuse：切换到指定版本的Node.js，例如nvmuse18.16.1。3、nvmcurrent：显示当前正在使用的Node.j

嘿，不许笑·2024-01-19 23:44

Qt简单使用与初识

个人主页：平凡的小苏学习格言：命运给你一个低的起点，是想看你精彩的翻盘，而不是让你自甘堕落，脚下的路虽然难走，但我还能走，比起向阳而生，我更想尝试逆风翻盘。qt学习专栏：qt学习专栏>家人们更新不易，你们的点赞和⭐关注⭐真的对我真重要，各位路过的友友麻烦多多点赞关注。欢迎你们的私信提问，感谢你们的转发！关注我，关注我，关注我，你们将会看到更多的优质内容！！一、QtHelloWorld程序1、纯代码

平凡的小苏·2024-01-19 22:44

uniapp+vue3打包问题记录

**背景：**打包app出现问题，只显示底部导航的文字，其他一片空白1.pages.json文件：tabBar中的iconPath图标格式不支持svg，只支持：png,jpg,jpeg的格式，当图片改为.png的时候可以正常显示2.适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible插件，但因为lib-flexible源码基于window对象的操作，导致打包

元宵不吃汤圆·2024-01-19 22:08

Uniapp多选Popup（弹出层）

uniapp中多选组件很少，故个人简单开发了一个，可简单使用，也可根据个人需求稍微改进支持的功能单选多选（默认）限制选择数量默认选中禁用选项属性说明属性默认值说明singlefalsetrue为开启单选

会功夫的李白·2024-01-19 22:27

vue3 elementplus el-popover组件点击外部区域无法关闭问题

1、从elemtn-plus中导入ClickOutside指令import{ClickOutsideasvClickOutside}from'element-plus'从elemtn-plus中导入ClickOutside指令//import{ClickOutsideasvClickOutside}from'element-plus'import{ClickOutsideasvClickOutsi

C++++‍♂️·2024-01-19 22:10

Vue3实现响应式编程

Vue3的响应式编程实现主要是基于Proxy和Object.defineProperty。以下是对Vue3的响应式编程实现的简单说明和代码示例。

无妄的罪·2024-01-19 21:09

详解Vite创建Vue3项目+vue-router+ts+vite+element-plus

前言在之前的文章中写过“Vue3+TS+ElementPlus的安装和使用教程【详细讲解】”，但那篇文章写的是创建vue3的项目没有使用到Vite构建工具进行创建还是使用的常规webpacket构建工具进行创建的

SwJieJie·2024-01-19 21:24

Clickhouse安装部署及简单使用

ClickHouse是一个开源的列式数据库管理系统，它专门用于处理大规模数据集。它的设计目标是提供高性能、高可用性和可扩展性，同时保持简单易用的特点。在本教程中，我们将介绍如何安装和部署ClickHouse，并提供一些简单的使用示例。安装ClickHouse在Ubuntu系统上，可以使用以下命令安装ClickHouse：sudoapt-getupdatesudoapt-getinstallclic

蓝胖子的宝贝·2024-01-19 21:11

clickhouse安装及简单使用

前言clickhouse设计比较精简，具有强大的数据写入性能、极其高效的查询性能、高效压缩存储，单机部署性能丝毫不逊色于传统的大数据集群。由于使用体验简单直接，使得运维工作同样变的简单。版本迭代相当迅速，主动兼容了jdbc、mysql和postgresql这些成熟产品，周边生态成熟。非常适合用来搭建数据仓库。下载&安装下载官网文档https://clickhouse.com/docs/zh/get

花菜回锅肉·2024-01-19 21:07

Vue3+Element-Plus 登录功能配置弹框提示实现十五

小技巧：当前Vue3.0需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如

小丫头呀·2024-01-19 20:43

MQTT在Web开发中的应用

一：脚手架安装mqtt作者这里用的vue3的框架直接上命令，npm安装或者pnpm进行安装。

Devil枫·2024-01-19 20:43

【六袆 - Framework】vue3入门；vue框架的特点矩阵列举；Vue.js 工作原理

vue框架的特点Vue.js的特点展开叙述Vue.js的工作原理展开叙述官方文档：https://cn.vuejs.org/guide/introduction.htmlVue.js的特点┌────────────────────┬────────────────────────────────────┐││Vue.js特点│├────────────────────┼──────────────

鞠崽23333·2024-01-19 20:35

vue3 + naive ui + Tabs 报错 ‘Slot “default“ invoked outside of the render function‘

警告的异常信息：'Slot"default"invokedoutsideoftherenderfunction'解决方法：如下给Tabs组件加一个defaultValue的默认值即可参考：https://github.com/tusen-ai/naive-ui/issues/3134

三劫散仙·2024-01-19 20:55

vue3.x实践经验-1、mapState、mapGetters、mapMutations、mapActions

一边学习vue3.x，一边实践，最近在做项目时，使用computed引入store中state的数据时，总是觉得很麻烦，想起新版兼容2.x,就想着引入mapState，可是怎么用都不对劲。

不收藏找不到我·2024-01-19 19:02

VUE3，自定义控制keep-alive缓存

安装插件npminstallvite-plugin-vue-setup-extend--save在vite.config.ts中importVueSetupExtendfrom'vite-plugin-vue-setup-extend'.....plugins：[vue(),VueSetupExtend(),.....]useKeepalive.tsimport{ref}from"vue"expo

日积一步·2024-01-19 19:50

【Vue技巧】vue3中不支持.sync语法糖的解决方案

海鲸AI-ChatGPT4.0国内站点，支持设计稿转代码：https://www.atalk-ai.com在Vue3中，.sync修饰符已经被移除。

海鲸AI·2024-01-19 19:46

推荐频道

vue3简单使用