vue3简单使用

vue3获取验证码+背景切换

需要安装element-plus组件库用户获取验证码后按钮会被禁用，等待10秒后重新获取验证码验证码元素布局template部分{{codeName}}script功能部分import{ref,reactive,watch}from'vue';import{ElMessage}from'element-plus'constisSend=ref(false);//禁用constcodeName=re
@tg6666666666666·2023-12-27 08:18

vue3 script setup 使用导航守卫，离开页面前提示数据未保存

vue3使用导航守卫文章目录前言一、相关文档二、使用示例前言vue3使用语法糖，页面数据已编辑未保存时，离开当前页面前添加导航守卫，弹窗提示数据未保存。
王大眼睛�·2023-12-27 08:35

Vue3 教程

vue3有了很多新的插件和组件非常好用。ts教程：一篇让你完全够用TS(TypeScript)的指南-知乎vue：简介|Vue.jspinia：Pinia使用指南——没用过但一看就会！
山塘小鱼儿·2023-12-27 08:02

Vue - Vue3 浅浅学习一下，不能学太多

视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通掘金：让你30分钟快速掌握vue3笔记Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece
Xxxxxl17·2023-12-27 08:47

WPF 消息日志打印帮助类：HandyControl+NLog+彩色控制台打印

文章目录前言相关文章Nlog配置HandyControl配置简单使用显示效果文本内容前言我将简单的HandyControl的消息打印系统和Nlog搭配使用，简化我们的代码书写相关文章.NET控制台NLog
龙中舞王·2023-12-27 07:25

Spring Boot 2.X(四)：Spring Boot 自定义 Web MVC 配置

0.准备SpringBoot不仅提供了相当简单使用的自动配置功能，而且开放了非常自由灵活的配置类。
朝雾轻寒·2023-12-27 07:49

uniapp开发准备项

HbuilderX下载地址安装微信开发者工具下载地址使用HbuilderX初始化项目点击HbuilderX菜单栏文件>项目>新建选择uni-app,填写项目名称，项目创建的目录工具->插件安装->安装vue3
Alice_66·2023-12-27 07:43

vue中 ref 和 reactive 的区别与联系

官方原文：Vue3建议使用ref()作为声明响应式状态的主要API。ref用于将基本类型的数据（如字符串、数字，布尔值等）和引用数据类型(对象)转换为响应式数据。
守灯者·2023-12-27 06:14

探索 Vue3 (五) 骨架屏

目前主流UI库都有骨架屏，如Element-UI、Antd可以看到使用起来非常简单，只需要一行代码即可//element//antd安装npmi-S@x-ui-vue3/skeletonmain.js文件中挂载
yueF_L·2023-12-27 06:53

解密 Java ForEach 提前终止问题

通过场景复现、分析源码，以及详细的解决方案，我们将帮助你理解为什么在forEach中无法简单使用break或continue，以及如何巧妙地绕过这一限制。
码农阿豪·2023-12-27 05:39

vue3实现祖先向下面组件传值

import{provide,ref}from"vue"letcar=ref("奔驰")祖:provide("car",car)子孙：import{inject}from"vue"letcar=inject("car")
rootzql·2023-12-27 03:42

CSS Grid 网格布局简要说明

简单使用：对父元素设置dispay：grid;grid-template-colums和grid-template-rows来设置几行几列1.grid-template-columns/grid-template-rows
无心使然云中漫步·2023-12-27 03:11

【Vue】Vue2的最后一舞

根据Vue官网的说法，随着Vue2.7的发布，Vue2也将在今年的12月31日停止支持，这一举动更是为了督促更多的开发者转向使用Vue3。
青皮桔·2023-12-27 02:55

如何在Vue3中实现无缝热重载：提升你的开发效率

Vue3中的热重载（HotModuleReplacement，简称HMR）是一种开发时的功能，它允许开发者在不刷新整个页面的情况下，实时替换、添加或删除模块。
诸葛妙计·2023-12-27 01:30

VUE3创建项目

一打开cmd按管理员身份运行，二切换目录1.D:这里切换到D盘cd你想要创建项目的路径再输入命令;vuecreatemyvue上面是vue3创建项目的方法。这里只介绍vue3创建。
溟有常青木·2023-12-27 00:38

vue低版本iOS设备白屏问题

原因：vue3中es6语法，iphone6-iOS12.4不支持解决方法：babel.config.js改为以下配置module.exports={presets:['@vue/cli-plugin-babel
卡乐咪小Y·2023-12-27 00:54

vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）

效果（CV即用）1.安装引入vue-cropper（官网）官网地址  npminstallvue-cropper@next  import'vue-cropper/dist/index.css'  import{VueCropper}from"vue-cropper";2.全局引入importVueCropperfrom'vue-cropper';import'vue-cropper/dist/i
阿磊的救兵·2023-12-26 23:12

Retrofit源码解析

Retrofit简单使用下面的是官网的例子：//1、首先配置出一个retrofitRetrofitretrofit=newRetrofit.Builder().baseUrl("https://api.github.com
沉迷学习_日渐发福·2023-12-26 23:44

Pinia的简单使用

2.设计使用的是Compositionapi，更符合vue3的设计思维。3.Pinia对Vue2和Vue3都有效，并且不需要您使用组合API。
微笑的弧度_c50f·2023-12-26 23:11

Vue2数据响应式原理解析

从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？Vue2响应式：基于Object.defineProperty()实现的。Vue3响应式：基于Proxy实现的。那么它们之间有什么区别？
monana6·2023-12-26 23:59

Vue3使用的Compostion Api和Vue2使用的Options Api有什么不同？

我们介绍CompostionApi和OptionsApi的区别之前，先来说一下为什么会推出来CompositionApi，解决了什么问题？Vue2开发项目使用OptionsApi存在的问题代码的可读性和维护性随着组件的变大业务的增多而变得差代码的共享和重用性存在缺点不支持TS语法上面存在的问题我们使用CompostionApi都可以完美的解决掉一、OptionsApi1、设计的出发点：包含一个描述
SwJieJie·2023-12-26 22:52

Vue3设计目标和优化

vue3.0的设计目标是什么？做了哪些优化？
SwJieJie·2023-12-26 22:22

vector(不定长数组的简单使用)

vector的简单使用vector是一个容器，为了使用vector，我们需要加上头文件#include.vector的定义；vectorv;我们定义了一个存放int类型的vecv（空的）。
kk12930·2023-12-26 22:14

vue2、vue3实现用aws s3协议操作minio进行文件存储和读取

亚马逊s3API文档最开始安装了@aws-sdk/client-s3，但是不知道为什么一直报错，所以用了aws-sdk准备工作：需要已经搭建好minio、创建好桶1.vue2安装插件yarnaddaws-sdks3配置varAWS=require("aws-sdk");AWS.config.update({accessKeyId:accessKeyId,secretAccessKey:secret
查查茶茶丸·2023-12-26 19:09

vue的setup中能调用哪些生命周期

在Vue3中，setup函数是用于设置组件的逻辑的地方，并且它不能直接调用生命周期函数。相反，setup函数可以返回生命周期钩子函数，以便在组件实例化和销毁时执行相应的操作。
无妄的罪·2023-12-26 18:36

vue-devtools安装

新建了一个vue3项目，想使用Vue的调试工具：具体步骤如下：下载vue-devtools插件gitclonehttps://github.com/vuejs/vue-devtools.git切换到下载好的文件夹
是晕晕晕撒·2023-12-26 18:32

[Prometheus] Grafana的下载、运行以及配合Prometheus平台的简单使用

Grafana的下载、运行以及配合Prometheus平台的简单使用下载Grafana下载链接：https://grafana.com/grafana/download可选择Linux、Windows或者
杨某不才·2023-12-26 18:05

vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题

vue3+vite4项目，配置代理实现本地开发跨域问题非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域vite的proxy代理和vue-cli
大王在路上·2023-12-26 17:49

Vue3全局组件

在src的目录下的components中新建组件名.vue如：GlobalComponent.vue全局组件exportdefault{name:"GlobalComponent"}在main.js中引入并注册全局组件import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom
SignalFire·2023-12-26 17:01

vue3 + vite 搭建项目

image.png运行报错如下，router找不到路径，用@导入组件/文件报错image.png修改vite.config.ts配置image.png
哩哩哩_0033·2023-12-26 16:09

前端——html拖拽原理

vue3系列相关文章：vue3+fastapi实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“#”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode
yma16·2023-12-26 16:10

uniapp框架——vue3+uniFilePicker+fastapi实现文件上传(搭建ai项目第二步)

uploadFileapi自定义上传⭐后端fastapi定义上传接口⭐uniapp开启本地请求代理devServer⭐前后端联调⭐总结⭐结束⭐前言大家好，我是yma16，本文分享关于uniapp框架——初始化vue3
yma16·2023-12-26 16:05

Vue3集成Echarts

先安装echarts依赖npminstallecharts--save功能代码TotalAccounts{{state.countData.totalAccountCount}}TotalBoats{{state.countData.totalBoatCount}}TotalEngines{{state.countData.totalEngineCount}}TotalDevices{{state
宁漂打工仔·2023-12-26 16:16

elasticsearch 接口简单使用

目录一、启动es1.1启动1.2访问测试二、es接口测试2.1创建索引并创建Mapping2.2添加文档2.3检索一、启动es1.1启动进入elasticsearch-8.11.3\bin目录下启动elasticsearch.bat1.2访问测试浏览器访问http://localhost:9200/有输出则启动成功二、es接口测试2.1创建索引并创建Mapping请求地址：http://local
Crhy、Y·2023-12-26 16:10

Vue3商城项目实战

目录一、Vue3环境和项目创建1、Vue3安装和项目创建2、Vue3基础和Element-plus模版语法生命周期和事件绑定路由element-plus二、登录1、Login.vue2、Vuex基础1)
努力赚钱的阳仔·2023-12-26 16:36

实战 9 权限菜单管理

目录1、权限菜单后端接口2、查询权限菜单列表2.1设计效果图2.2menuList.vue3、新增权限菜单3.1新增权限菜单窗口代码3.2选择所属菜单代码3.3封装图标选择器3.4新增、编辑和删除权限菜单
努力赚钱的阳仔·2023-12-26 16:03

tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...

在创建vue3+vite+ts项目时的tsconfig.json（或者tsconfig.app.json）配置文件经常会报一个这样的错误：爆红：Option‘importsNotUsedAsValues
一嘴一个橘子·2023-12-26 15:49

vue2和vue3原理Object.defineProperty和Proxy原理对比：

vue2和vue3原理Object.defineProperty和Proxy原理对比：Object.defineProperty()：defineProperty定义对象不能监听添加额外属性或修改额外添加的属性的变化
前端小云儿·2023-12-26 15:11

@vuemap/vue-amap高德vue组件库常用技巧（五）- 动态标记

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（六）- 点聚合

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

@vuemap/vue-amap高德vue组件库常用技巧（八）- 线

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库，支持vue2、vue3版本。
vue-amap·2023-12-26 15:57

【EA协会培训】入门篇——掌握GPIO的简单使用

系列目录预热篇——软件安装与使用编程入门篇——1、STC8951最小系统2、GPIO口的配置与复用3、中断系统4、定时器/计数器5、串口通讯进阶篇——5、定时器6、串口通讯7、AD/DA8、IIC协议/SPI协议外设篇——7、OLED128648、USB_TTL9、待续……文章目录系列目录前言一、GPIO是什么？1.内部结构2.GPIO实况图3.单用3.复用二、实践讲解1.点灯大师2.数码大师3.
W_a_i_T·2023-12-26 14:52

安装allure

【macOS】allure的安装：https://www.jianshu.com/p/2b0782b7a7e7【Windows】allure安装及简单使用（windows）https://blog.csdn.net
冬月暖阳·2023-12-26 13:45

Vue项目中使用fontawesome图标库

使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2.x和Vue3
淋雪小新·2023-12-26 12:59

【Vue3】滑动验证组件 | 滑动验证

前言滑块验证不只判断是否滑动到尾部，真正的目的是检测用户行为，检测行为是人为、脚本、还是其它。防止使用脚本大量注册、请求等。比如发送请求时，判断用户在某个页面停留了多长时间。登录、注册时是否点击了登录、注册按钮，如果没有点击就直接发送登录、注册请求，那么这个行为十有八九是脚本、机器行为。滑块验证有几个重要的数据滑块的起点滑块的终点滑块从起点滑动到终点所用的时间，比如人为滑动长度为240px的滑块，
视觉CG·2023-12-26 12:37

多重断言插件之pytest-assume的简单使用

背景：pytest-assume是Pytest框架的一个扩展，它允许在单个测试用例中多次断言。通常情况下，当一个断言失败时，测试会立即停止执行，而pytest-assume允许我们继续执行剩余的断言，以便查看更多的失败信息。使用步骤：1.安装pytest-assume：可以使用pip安装pytest-assume，命令为：1pip3installpytest-assume-ihttp://pypi
潇潇说测试·2023-12-26 11:59

android 之 spinner的简单使用

先看spinner的效果图：代码：MainActivitypackagecom.mecury.spinnertest;importjava.util.ArrayList;importandroid.support.v7.app.ActionBarActivity;importandroid.os.Bundle;importandroid.view.View;importandroid.widget
weixin_30914981·2023-12-26 10:33

解决vue3使用iconpark控制台预警提示问题

前言最近在项目中使用iconpark-icon来管理图标，一切都很顺利，引入链接后，图标正常显示，没有报错。但是控制台却发出了预警信息。[Vuewarn]:Failedtoresolvecomponent:iconpark-iconIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOp
温其如玉_zxh·2023-12-26 10:11

虚拟串口工具VSPD简单使用

1、下载资源下载虚拟串口+串口调试工具2、安装及破解解压vspd7.2.308.zip后文件如下，点击vspd.exe安装(安装没啥技巧一直下一步就好了，不过需要记住安装地址)，在安装完成之后vspdctl.dll覆盖至安装文件夹覆盖掉原有文件(破解)3、创建虚拟串口运行软件如下：点击新增，虚拟串口需要成对创建，来指明他们的连接关系。这里选择COM1和COM2，也可以点击右侧的下拉框来选择其他的C
l&WK·2023-12-26 10:40

在Vue3中使用vue-qrcode库实现二维码生成

本文主要介绍在Vue3中使用qrcode库实现二维码生成的方法。目录一、基础用法实现vue-qrcode库的参数介绍在Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑。
专业研究祖传Bug编写术·2023-12-26 09:40
上一页 116 117 118 119 120 121 122 123 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他