vue3简单使用

【Vitest】 Vitest测试框架的简单使用

简言在了解vue源码的时候接触到了vitest测试框架,它的官网语言有中文，所以本篇只作简单的使用介绍。Vitest官网Vitest旨在将自己定位为Vite项目的首选测试框架，即使对于不使用Vite的项目也是一个可靠的替代方案。它本身也兼容一些Jest的API用法。Vitest安装建议使用1.x以上的版本，因为1以下的版本和1.x有破坏性更新，直接使用最新的。npminstall-Dvitestp
ZSK6·2024-01-27 09:17

记录一次c++ xgboost的简单使用以及分类实现

相关资料挺少的，对于我这种新手来说太难搞了。找了很多资料才弄出来，故记录一下。1.首先跟着这篇文章弄：在Windows中如何安装XGBoost的C++版本进行模型训练和推理-CSDN博客。但是他第5点是我参考了中文文档里面来弄的，也就是cmake..-G"VisualStudio172022"。实际上直接用中文文档里面的反而还不行，所以我结合了一下两者。不过上面csdn原文的直接用应该也没毛病。这
しろいし·2024-01-27 09:46

【Vue3】指令(Directives)的运用

简言vue3的指令是其核心内容之一，在此做下总结。directives指令是带有v-前缀的特殊attribute。Vue提供了许多内置指令，例如：v-bind、v-html等。
ZSK6·2024-01-27 09:36

HarmonyOS自定义弹出对话框CustomDialog并传递变量

HarmonyOS定义了一系列弹窗反馈类的组件和前端开发框架VUE3配套生态库elementplus中的提供各种组件相比，还是要少一些。
尘烟生活家·2024-01-27 09:03

VUE3+Element-plus中el-form的使用

目录实现效果关键点完整代码增加表单项的校验规则实现效果Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance，这个又必须在script中声明lang为ts，不能使用js。这样就必须引入对ts的支持step1：安装vue-loader和vue-template-compil
尘烟生活家·2024-01-27 09:03

vue3父组件通过ref获取子组件的属性方法的步骤：

1.父组件通过ref注册子组件import{onMounted,onBeforeMount,onBeforeUnmount,onUnmounted,ref,watch,computed}from'vue'importSonfrom'@/components/Son.vue'//声明子组件refconsthello=ref(null)onMounted(()=>{//ref属性的调用要想访问子组件的
张滚滚QAQ·2024-01-27 08:43

Vue3中的ref和shallowRef、reactive和shallowReactive

一：ref、reactive简介ref和reactive是Vue3中定义响应式数据的一种方式。ref通常用来定义基础类型数据。reactive通常用来定义复杂类型数据。
爱吃猪蹄_·2024-01-27 08:09

vue3中ref和reactive的区别

大家都知道vue3在9月18号晚上发布了，在vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式，今天我们来聊聊两种定义定义数据方式有什么不同WeChatf451688255772765522a02ecbf7b1d93
可地出溜·2024-01-27 07:16

基于Puppeteer实现配置自动化

前两篇文章《Node.js和Puppeteer进行Web抓取的简单使用》和《Puppeteer结合Jest对网页进行测试》已经了解到Puppeteer大致可以做点什么事情，之前提到过最终自动化需要一个数组配置
今天也想MK代码·2024-01-27 07:24

vue3+echarts绘制某省区县地图

vue3+echarts绘制某省区县地图工作中经常需要画各种各样的图，echarts是使用最多的工具，接近春节，想把之前画的echarts图做一个整合，方便同事和自己随时使用，因此用vue3专门写了个web
栀椩·2024-01-27 07:53

postman 工具安装使用教程一（java）

postman安装使用教程一一，介绍二，postman安装说明1、下载与安装（1）访问postman官方网站，下载最新版本（2）下载（3）打开安装包进行安装（4）简单使用a>添加页面b>选择请求的方式c
Bossking321·2024-01-27 06:54

npm create vue3项目特别慢

Failedtocheckforupdates，还特别慢，等了好久都创建不好查看npmconfiggetregistry更换npm镜像npmconfigsetregistry=https://registry.npmmirror.com这样创建vue3
吃一口你的梦。·2024-01-27 06:24

vue3-深入组件-组件 v-model

组件v-modelv-model可以在组件上使用以实现双向绑定从Vue3.4开始，推荐的实现方式是使用defineModel()宏：const model = defineModel()function
王大可996·2024-01-27 06:22

vite+Vue3技术栈项目- 解决跨域配置代理

vite+Vue3技术栈项目-解决跨域配置代理1.跨域问题引入2.解决跨域编码：3.更改后端请求：4.编码测试OK1.跨域问题引入我的前端项目启动，是http://127.0.0.1:3000需要访问的后端接口是
SpringSir·2024-01-27 06:43

Vite+Vue3使用Vue-i8n笔记

一、下载依赖vue-i18nyarnaddvue-i18n创建存放语言文件的目录以及配置文件的配置我是在src/lang新建index.ts、cn.ts、en.ts以及test文件夹其中再分别新建cn.ts以及en.ts/lang/index.ts用于导出vue-i18n需要的配置对象importenfrom"./en.ts";importzhfrom"./cn.ts";constmessages
躺平阿福·2024-01-27 06:11

21.Dart异步Future简单使用

import'dart:io';main(Listargs){//sleep是阻塞式的耗时操作print("开始");varfuturn=getNetworkData();print(futurn);print("结束");futurn.then((Stringstring){print(string);}).catchError((error){print(error);print('执行错误请
凯司机·2024-01-27 05:44

安装vue devtools及常见问题

网盘中包含vue2和vue3的devtools安装工具，根据项目需要选择使用，不能同时安装两个devtools到浏览器上极简插件下载下载链接：htt
员宇宙·2024-01-27 04:17

01_urllib

1、urllib的简单使用importurllib.request#(1)定义一个url就是要访问的地址url='http://www.baidu.com'#(2)模拟浏览器向服务器发送请求response
葡萄爱写代码(备战秋招版)·2024-01-27 04:12

【Uni-App】Vuex在vue3版本中的使用与持久化

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据，可以有效减少使用组件传参出现的问题。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）以下是一个表示“单向数据流
RisunJan·2024-01-27 03:56

Vite+Electron快速构建一个VUE3桌面应用（一）

一.简介首先，介绍下vite和Electron。Vite是一种新型前端构建工具，能够显著提升前端开发体验。Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。当开始想用vu
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载

一.简介在上一篇文章Vite+Electron快速构建一个VUE3桌面应用中，我们了解了如何使用Vite和Electron来快速构建一个Vue3桌面应用。但是，之前构建的应用仅仅是一个简单的版本。
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(三)——打包

一.简介上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能，现在是时候来看看怎么完成最后一步——打包了。
@八度余温·2024-01-27 03:32

el-upload图片上传OSS vue+springboot 简单好copy(代码全)

简单使用文章目录目录使用步骤1.后端（springboot）创建项目文件（仅供参考）UploadUtil.javaUploadController.java2.前端（vue2+elementUI）创建项目文件
无情也星海·2024-01-27 01:26

vite3+vue3 项目打包优化三 — CDN加速、文件压缩

在Vite+Vue3项目开发过程中，像element-plus、lodash-es等工具库，会有很大的文件依赖。我们可以尝试通过
MagnumHou·2024-01-27 01:33

vue3中emit(‘update:modelValue‘)使用

父{{test1}}测试1{{test2}}测试2import{ref,reactive}from'vue'consttest1=ref('')consttest2=ref('')子（setup语法糖）import{ref,watch}from'vue';//此处引入constemit=defineEmits(['update:modelValue','update:test2'])constpr
白小白灬·2024-01-27 01:02

vue3+vite 配置反向代理和跨域 设置端口号

server跨域代理在vite.config.ts文件中直接配置exportdefaultdefineConfig({//其他配置...//设置反向代理，跨域server:{//host:'0.0.0.0',//设置地址：http://localhostport:4500,//设置服务启动端口号//open:true,//设置服务启动时是否自动打开浏览器
一室易安·2024-01-27 01:59

vue3+vite中使用环境变量 .env 的一些配置情况说明

在项目文件中新建文件.env.env.pro两个文件其中.env是默认设置.env.pro为正式环境设置1、设置.env中的内容信息注意vue3+vite必须使用VITE开头的配置信息否则无法获取NODE_ENV
一室易安·2024-01-27 01:29

30分钟掌握docker的基本使用

docker入门目标基于centos7实例操作安装docker获取mysql镜像构建一个mysql容器简单使用mysql容器安装dockeryuminstall-ydocker启动dockersystemctlstartdocker
佳人芸芸·2024-01-27 00:00

vue3-elementPlus部分组件样式修改

前提：在less语言下使用/deep/；在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)elementUI样式修改：vue2-elementUI部分组件样式修改_vue2圆圈选中样式-CSDN博客el-dropdown//下拉框中文字颜色:deep(.el-dropdown-menu__item:not(.is-disable
小沐°·2024-01-27 00:54

VUE3 之 插槽的使用 - 这个系列的教程通俗易懂，适合新手

1.概述非理性定律告诉我们：人们总是习惯于以情感去判断眼前的事物，非理性的去做决定。对于长远的利益，人们更愿意去选择短期的利益。因此在做决定前要让自己冷静，理性的分析，让自己看的更远。言归正传，今天我们来聊一个新的概念——插槽。2.插槽的使用2.1一个简单的例子我们先来看一个简单的例子constapp=Vue.createApp({template:``});app.component("my-f
追风人聊Java·2024-01-27 00:47

vue3+typescript【2】

method中this的指向注意，不应该使用箭头函数来定义method函数(例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以this将不会按照期望指向组件实例，this.a将是undefined。写一个箭头函数时，这个this就是window快捷模板文件->首选项->配置用户代码->html.json:{"Printtovue":{"prefix":"vue"
女德班吊车尾·2024-01-27 00:19

vue3 defineEmits传递多个参数

//子组件constemit=defineEmits(['refreshCount']);functionchangeProCount(id,label,val){emit('refreshCount',id,label,val);};//父组件//functionrefreshCount(id,proLabel,val){//接收参数，一一对应。console.log(id,proLabel,v
wentingyunmin·2024-01-27 00:19

Vue3基础知识2

目录1.组合式API1.组合式API基础1.带ref的响应式变量2.watch响应式更改3.watch和watchEffect的区别：4.独立的computed属性5.生命周期钩子2.Setup1.Props2.Context3.使用渲染函数4.访问组件的property3.Provide/Inject1.Provide2.Inject3.添加响应性4.在单文件组件（SFC）中使用组合式API的编
格鲁的斯图尔特·2024-01-27 00:48

Vue3封装全局自定义弹框，结合element的el-dialog

main.ts中//引入并注册import{createApp}from"vue";importSubDialogfrom'@/components/sub.ts'letinstance:any=null;instance=createApp(App);instance.use(SubDialog);components下的sub.ts文件import{h,render}from'vue'impo
lxsssss·2024-01-27 00:17

Vue3 emits 结合回调函数的使用

回调函数先说下啥是回调函数，举个例子，当A方法调用B方法时，A方法会传一个方法作为参数给B方法，B方法中可以去按照逻辑执行A传递过的函数，就是回头再调用A方法传参给的方法。有点绕哈，写段代码参考下constfunA=()=>{//业务逻辑.....funB('布拉布拉',123,()=>{//回调的业务逻辑});};/***B方法最好加上ts约束*@paramparam1参数1*@parampar
-小龙人·2024-01-27 00:17

Vue3中 setup 语法糖写法

Vue3中setup语法糖写法CompositionAPI及组合式API,是根据逻辑相关性组织代码的，提高可读性和维护性。最大的优点在V3中写hooks了，重复性使用相同代码的逻辑。
K.Encoding·2024-01-27 00:04

在vs2022中对于QT5的简单使用

文章目录背景问题背景vs2022配置了QT5.14.2，然后尝试手写了一下qt程序，问题遇到的问题如下1.新建程序的时候，如果选择了类型为widget程序vs就默认启用qtcreator的接口，生成ui文件而我不想用ui直接手写，所以需要创建qtemptyapplication2.创建了项目之后，引用#include显示无法打开此文件，意思就是找不到这个库然后也就是我们得配置一下点击项目右键属性在
悦码客·2024-01-27 00:31

jQuery插件elevateZoom简单使用

elevateZoom其实很强大，但是，如果你的网速不给力，就会出现卡顿问题，这一点深有体会。屁话就说这么多。现在开始开车，前排的乘客注意系好安全带，呸。。。传送门网速慢卡就不要打开了，浪费时间elevateZoom是一个jquery插件，所以要依赖jquery才能使用，敲黑板划重点。上代码：$("#img-big").elevateZoom({gallery:'small',//注意相关dom元
不知道取个什么昵称不如娶个媳妇·2024-01-26 23:14

vue3-深入组件-事件

触发与监听事件在组件的模板表达式中，可以直接使用$emit方法触发自定义事件。定义与使用格式规范:camelCase（小驼峰命名形式)比如：changeStatusclick me在父组件中使用kebab-case形式使用同样，组件的事件监听器也支持.once修饰符：和原生DOM事件不一样，组件触发的事件没有冒泡机制。你只能监听直接子组件触发的事件。平级组件或是跨越多层嵌套的组件间通信应使用一个外
王大可996·2024-01-26 21:55

vue3-element-admin的组件el-time-picker设置只能选择上午或下午

上午：conststartTime=(value)=>{letformattedDates=[];value.forEach((time)=>{letinputTime=newDate(time);lethours=inputTime.getHours();letminutes=inputTime.getMinutes();letseconds=inputTime.getSeconds();let
TechWhiz-晓同·2024-01-26 20:53

RabbitMq 死信交换机简单使用

1.什么是死信交换机什么是死信？当一个队列中的消息满足下列情况之一时，可以成为死信（deadletter）：消费者使用basic.reject或basic.nack声明消费失败，并且消息的requeue参数设置为false消息是一个过期消息，超时无人消费要投递的队列消息满了，无法投递如果这个包含死信的队列配置了dead-letter-exchange属性，指定了一个交换机，那么队列中的死信就会投递
Z菌君·2024-01-26 20:18

多线程:sleep方法简单使用、线程礼让、线程强制执行join

packagecom.hanbin.state;importorg.w3c.dom.ls.LSOutput;importjava.util.Date;publicclassTestSleep2{//打印当前系统时间publicstaticvoidmain(String[]args){Datestarttime=newDate(System.currentTimeMillis());//获取当前时间
真没睡465·2024-01-26 20:43

Vue3配置Cesium-navigation-es6

1.安装cesium-navigation-es6E:\CesiumProject\world>[email protected].修改源码打开node_modules/cesium-navigation-es6/，将所有.js内的importCesiumfrom'cesium/Cesium'替换为如下varCesium=require('cesium/Cesiu
小龙狗·2024-01-26 20:33

开发 Chrome 浏览器插件时进行 Vue3+Vite 多页面多入口配置

使用Vite开发Chrome插件时，构建多页面以及多js文件因为发现Vite多页面构建有很多分歧以及问题点，所以我把我在Chrome插件开发上面使用到的Vite多页面以及多入口文件构建配置单独拿出来开发Chrome插件是，一般会需要一个popuphtml页面，有时候还会需要一个contenthtml页面，但是还需要service-worker.js文件以及content.js文件一、Chrome插
gqkmiss·2024-01-26 19:37

vue3 + vite动态引入图片以及本地正常展示，线上部署不正常显示的解决方法

方案一使用import引入importimgUrlfrom'./img.png'document.getElementById('hero-img').src=imgUrl方案二使用newURL//../assets/imgs为图片公共路径exportfunctiongetAssetsFile(url:string){returnnewURL(`../assets/imgs/${url}`,imp
奶昔不会射手·2024-01-26 18:46

Vscode插件推荐

用于前端：Chinese（Simplified）CodeSpellCheckerHTMLCSSSupportJavaScript(ES6)MithrlEmmetPathIntellisenseVue3SnippetsVueHelperAutoCloseTagAutoRenameTagBeautifyBracketPairColorizeropeninbrowserVeturIntelliuIDEA
Zane:)·2024-01-26 18:31

RuoYi-Vue前后端分离后台开发框架运行详细教程

ruoyi.vip演示地址：http://vue.ruoyi.vip代码下载：https://gitee.com/y_project/RuoYi-Vue下载之后解压，ruoyi-ui是前端代码vue2，建议分离出来，vue3
懒员员·2024-01-26 18:00

SpringBoot | 第十章：Swagger2的集成和使用

原文出处：oKong前言前一章节介绍了mybatisPlus的集成和简单使用，本章节开始接着上一章节的用户表，进行Swagger2的集成。
小波同学·2024-01-26 17:51

pc读卡器读取芯片数据

通过读卡器设备去读取芯片的数据在index.html页面加上，在body的上面，jquery文件可以是其他版本的三个文件跟index.html页面同级，可能打包后会出现找不到这三个文件，最好在public目录里也加上这三个文件vue3
前端菜鸟丶Ndie·2024-01-26 17:08

vue3+WebRTC拉流（正确姿势）

vue3+WebRTC拉流（正确姿势）文章目录vue3+WebRTC拉流（正确姿势）缘由一、webRtc拉流是什么？
yasuo56·2024-01-26 17:06
上一页 74 75 76 77 78 79 80 81 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他