vue3简单使用

JavaScript函数式编程

为什么使用函数式编程函数式编程时随着React的流行受到越来越多的关注Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用treeshaking过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发
欢欢学编程·2024-01-05 09:10

vue3.0&&vue2.0-prop

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件
GllWyz·2024-01-05 09:06

Vue3集成scss实现清除浏览器默认样式

1.首先去npm官网找到对应的reset.scss文件，复制内容在本地src下style建一个一模一样的文件，内容复制进去npm|Home2.在style文件夹下再建一个index.scss文件，在它里边引入刚刚建好的reset.scss文件，如下@import'./reset.scss';3.在main.ts中引入该文件，就可以让清除浏览器样式全局生效import'@/styles/index.
EntyIU·2024-01-05 08:31

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts文件配置如下:exportdefaultdefineConfig({plugins:[vue(),//scss全局变量的一个配置css:{preprocessorOptions:{scss:{j
EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

什么时候会用到这个呢，比如我们的后端开发有多名，很多时候需要切换调用不同人的接口地址，或者在打包的时候，需要指定环境中的后台接口地址，那么我们频繁修改代码，就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE_为前缀才能暴露给外部读取NOD
EntyIU·2024-01-05 08:53

Vue3如何实现组件之间的数据传递

一，propsprops可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！
EntyIU·2024-01-05 08:23

CentOs 环境下使用 Docker 部署 Ruoyi-Vue

Docker部署Ruoyi-VueRuoYi-Vue项目下载地址RuoYi-Vue:基于SpringBoot，SpringSecurity，JWT，Vue&Element的前后端分离权限管理系统，同时提供了Vue3
Lincain·2024-01-05 07:49

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -后端架构搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 07:02

前端食堂技术周刊第 110 期：Vue3.4、新版 Vue DevTools 开源、AI 2023 年度总结合集、Web Components 的另一个未来

技术资讯jQuery4.0即将发布ParkUI，shadcn/ui竞品Rolldown2024Q1开放代码库Vue3.4SlamDunkTanStackRouter1.0Next.js正在探索迁移到Lightnin
童欧巴·2024-01-05 07:27

前端实现pdf，图片，word文件预览

以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览iframe标签能够将另一个HTML页面嵌入到当前页面中，我们的图片也能够使用iframe标签来进行展示。
前端鼓励师·2024-01-05 07:28

十、基本对话框大集合（Qt5 GUI系列）

本文展示各种对话框的简单使用方法以及自定义消息框。二、实现代码main文件：#include"di
树欲静静而风不止止·2024-01-05 07:50

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 06:44

解决vue3.x debugger不能使用的问题

package.json->eslintConfig找到rules属性填写这段代码"rules":{"no-debugger":"off","no-console":"off","generator-star-spacing":"off","no-tabs":"off","no-unused-vars":"off","no-irregular-whitespace":"off"}重新运行项目，ok
最胖的小仙女·2024-01-05 06:33

VUE3发布到IIS跳转页面报404以及刷新报404解决

原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495
一只害虫·2024-01-05 06:01

Qt-插件机制

1qt插件的使用参考：【QT】QT中插件化开发及其简单使用_bailang_zhizun的博客-CSDN博客_qt插件开发代码：qt插件的简单使用，插件创建，和使用-Flutter文档类资源-CSDN下载
~怎么回事啊~·2024-01-05 05:09

QProcess

简单使用：#pragmaonce#include#include"ui_widget_server.h"#includeclasswidget_server:publicQWidget{Q_OBJECTpublic
~怎么回事啊~·2024-01-05 05:08

04_ORM简单使用

一、ORM介绍ORM即ObjectRelationalMapping，全称对象关系映射。1、使用ORM的优缺点优点：不用写sql,不会sql的人也可以写程序开发效率高缺点：可能sql的效率低2、使用方法在settings.py里配置:DATABASES={'default':{'ENGINE':'django.db.backends.mysql','HOST':'127.0.0.1','PORT'
knot98·2024-01-05 04:53

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c
warrah·2024-01-05 04:20

vue3中标签form插件

想写一个系统，对八字进行标注，比如格局，有些八字就有很多格局，于是就想着使用el-tag但是，form表单中如何处理呢？这个时候，就需要自己写一个,modelValue是表单的默认属性{{item}}+新增constinputVisible=ref(false)import{nextTick,ref,watch,getCurrentInstance}from'vue'importtype{Form
warrah·2024-01-05 04:48

c++异常

c++异常1.c++异常概念2.异常的简单使用3.自定义异常体系4.异常的规范和安全4.1异常规范4.2异常安全5.C++标准库的异常体系和异常的优缺点1.c++异常概念异常是一种处理错误的方式，当一个函数发现自己无法处理的错误时就可以抛出异常
ly@눈_눈·2024-01-05 04:45

新手上路~VUE3+Element-PLUS dialog弹出框重置表单不生效问题

遇到问题：添加操作，dialog弹出框里面的表单清空不生效！！！父组件核心代码//打开新增弹窗import{defineAsyncComponent,ref}from'vue';constroleDialogRef=ref();//引入组件constroleDialog=defineAsyncComponent(()=>import('/@/views/system/organization/ro
金金金__·2024-01-05 03:53

Intent的简单使用之显式和隐式

持续更新显式调用//MainActivity.javaIntentintent=newIntent(MainActivity.this,SecondActivity.class);startActivity(intent);//AndroidManifest隐式调用//MainActivity.javaIntentintent=newIntent(Intent.ACTION_VIEW);inten
吴敬悦·2024-01-05 03:02

ToDesk Linux使用感受

这会让机器变得很卡；5.屏幕显示，操作流畅度会比Sunlogin（向日葵）快一些，但仍未达到Teamviewer级别；6.如果同时装有向日葵，则会占用向日葵的开机自启，导致两者都无法开机自启；反馈：已卸载，建议简单使用就用向
Pr 彭儒·2024-01-05 03:44

Semaphore的简单使用

Semaphore信号量（Semaphore）是一种用于控制多个进程对共享资源的访问的同步机制。信号量通常由一个计数器和一组等待队列组成。计数器表示当前可以访问资源的进程数。当一个进程需要访问资源时，它会将计数器减1。如果计数器大于0，则进程可以访问资源；如果计数器等于0，则进程将被阻塞，并加入到等待队列中。当一个进程释放资源时，它会将计数器加1。如果等待队列中存在进程，则会从等待队列中选择一个进
曾大浩·2024-01-05 03:35

【GNSS】LAMBDA 模糊度搜索 MATLAB 工具箱使用笔记

文章目录Part.IIntroductionChap.I传送门Chap.II工具箱下载Part.IILAMBDA3.0工具箱Chap.I文件结构Chap.II简单使用Part.IIIPs-LAMBDA1.0
流浪猪头拯救地球·2024-01-05 02:27

Vue3-32-路由-重定向路由

什么是重定向路由的重定向：将匹配到的路由【替换】为另一个路由。redirect:重定向的关键字。重定向的特点1、重定向是路由的直接替换,路由的地址是直接改变的；2、在没有子路由配置的情况下，重定向的路由可以省略component属性的配置，因为根本不会渲染组件；重定向的几种写法1.直接使用路径重定向constroutsList=[{path:'/a',name:'aroute',component
NorthCastle·2024-01-05 01:03

Vue3-34-路由-路由配置参数 props

说明路由的路径中可以携带参数，形式如：/a/:pname，这个:表示这是个参数，pname：表示参数名称。在组件中，可以通过当前路由对象的params属性来获取到这个参数，当前路由对象可以通过useRoute()API来获取到。基本的代码如下：import{useRoute}from'vue-router';constcurrentRoute=useRoute()//获取对应的路径参数consol
NorthCastle·2024-01-05 01:03

Vue3-35-路由-路由守卫的简单认识

什么是路由守卫路由守卫，就是在路由跳转的过程中，可以进行一些拦截，做一些逻辑判断，控制该路由是否可以正常跳转的函数。常用的路由守卫有三个：beforeEach():前置守卫，在路由跳转前就会被拦截；beforeResolve():解析守卫，对路由的中的做元数据解析判断等逻辑处理；【常用】afterEach():后置守卫，路由跳转之后的操作，这个用的较少。本文对上述三个路由守卫进行一下简单的使用，供
NorthCastle·2024-01-05 01:03

Vue3-33-路由-路由的别名配置 alias

别名的作用路由中的别名配置，可以实现多个路径对应同一个路由。例如：路由的路径是/a;配置别名为：/a2;则访问/a或/a2的时候，都可以访问到同一个组件。别名的特点关键字：alias当通过别名进行路由访问时，路由地址不会发生替换；当通过重定向进行路由访问时，路由地址会发生替换。以上就是别名与重定向的区别。别名的使用有三种基本的使用方式：1、简单的指定一个别名；2、可以指定数组的形式；3、嵌套路由需
NorthCastle·2024-01-05 01:02

VUE3-响应式

VUE3-响应式响应式简介为什么使用Proxy图解实现流程DEMO实现讲解DEMO-reactiveDEMO-baseHandlerDEMO-EffectDEMO-Ref响应式简介Vue3引入了新的响应式系统
禅思院·2024-01-05 01:15

vue高频面试题合集（一）附答案

vue3.0特性你有什么了解的吗？
helloworld1024·2024-01-05 00:54

C语言strcpy函数的使用

点击蓝字关注我们strcpy简单使用：#include#includestructStudent{intsid;charname[20];intage;}st;//此处分号不可省略intmain(void
轻松学C语言·2024-01-04 23:53

Python批量视频分段（基于moviepy）

简单使用安装moviepy库pipinstallmoviepy简单操作：frommoviepy.editorimport*video=VideoFileClip("esword.mp4
E$word·2024-01-04 22:36

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(十)完结篇

文章目录角色信息管理模块化操作角色管理【条件列表分页显示】后端的控制SysRoleController请求方法编写前端的视图处理效果如下：新增/修改角色信息管理后端控制器的请求方法编写:前端视图的处理将用户模块的进行复制之后进行修改，需要的注意的点：效果如下：删除/批量删除角色信息管理后端控制器的请求编写：前端页面的处理:显示以及修改权限菜单树预览效果：后台控制器的的方法编写：前端页面的处理：参照
许锅锅啊·2024-01-04 22:47

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(九)

文章目录用户信息管理模块化操作1、用户信息列表分页显示数据实现可以在实体对象中封装一个分页的对象后端控制器的编写如下:请求方法上需要加上权限的处理哦前端的views/sys/user/index.vue组件的编写预览效果:国际化处理在main.js中进行处理即可常见问题如果在请求的过程中，出现上述问题，则需要检查你的vue页面中定义的数据的类型是否与后端响应回来的数据进行匹配。如下:需改成:用户搜
许锅锅啊·2024-01-04 22:46

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(八)

文章目录个人中心的页面实现按照左右两部分的布局划分即可修改views/userCenter/index.vue文件在util目录下新建处理时间的js【formatDate.js】预览效果：所属的角色信息没有，需要修改后端的数据映射组件细化处理在userCenter目录下新建三个组件来对应三个内容修改index.vue中的引入以及组件的使用基本资料修改的实现userInfo.vue组件内容的编写修改
许锅锅啊·2024-01-04 22:15

#Vue3篇:element-plus添加到vue3

安装pnpminstallelement-plus完整引入//main.tsimport{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app.use(ElementPlus
Random_index·2024-01-04 21:18

jmeter安装使用

下载解压后apache-jmeter-5.5\bin\jmeter.bat启动简单使用:创建线程组创建默认请求头创建请求post请求需要设置请求头信息创建结果树启动
50W程序员都在看·2024-01-04 21:39

vue判断组件有没有传入的slot有就渲染slot没有就渲染内部节点

Vue3中的$slots是一个对象，其中包含了所有插槽的引用。如果插槽没有内容，对应的插槽属性将会是undefined。
ATalk机器人·2024-01-04 19:07

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维
南山老沙·2024-01-04 19:58

阿里大于的简单使用

先是用了叮咚云，后面帮朋友写了一个阿里大于。叮咚云用的url直接curl去访问，阿里是集成的SDK，掉坑里了，也没细看。找到短信image.pngSDK为了省点儿懒事儿，搞了个轻量级，折腾半天也发不出去，到现在我都不清楚轻量级能不能发，也没抽时间细看它，不过可以确定的是【正常版本的没问题】。使用方法也很简单，引入SDK里的antoload.php。改吧改吧官方demo
answer6·2024-01-04 19:10

优医问诊H5 Vue3+TS+Pinia+Vant源码。

想学习vue3的或者以后工作需要，可以先看一下这个项目的源码，可以本地运行，思路清晰代码推送到了仓库克隆地址：[email protected]:mazhanhu/ma-excellent-medical-consultation.git
ik.DL·2024-01-04 18:43

VUE3跳转页面时 定时器未清除解决

一,问题1、在vue中使用setTimeout定时器的时候，可能会遇到关不掉的情况，会存在明明已经在beforeDestroy和destroyed中设置了定时器清除了，但是有时候没生效，定时器还会继续执行。2、在这里需要说一下setTimeout的使用场景：（1）需要执行一次定时的时候用得到，比如需要在多久之后执行的一次操作（2）接口需要定时查询，并且需要在接口返回数据后再查询的情况下（接口定时查
CV工程师!!·2024-01-04 17:36

vue3 + Element-plus + Echarts 5.2 切换不更新、导出PDF不显示 解决方案

vue3+Element-plus+Echarts5.2切换不更新、导出PDF不显示解决方案1、使用el-tabs切换导致Echarts不显示问题2、折线图Echarts不更新问题3、异常抛出：Uncaught
前端早间课·2024-01-04 17:31

vue3 + TS + vite 搭建中后台管理系统（完整项目）

vue3+TS+vite搭建中后台管理系统（完整项目）前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果
前端早间课·2024-01-04 17:31

如何搭建中后台管理系统

vue3+TS+vite搭建中后台管理系统前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3
前端早间课·2024-01-04 17:28

vue3学习 【1】开发环境准备

安装vsCodevscode官网地址nvm安装推荐使用nvm进行node管理，vue3需要node18+,所以需要安装版本，使用nvm可以管理多个node版本，方便使用和切换安装方式linuxcurl-o-https
shao.zq·2024-01-04 16:15

系统运维-Apache服务的基础安装与使用

目录HTTPHTTPSHTTP首先安装apacheyuminstallhttpd*-y#installhttp要有网站首先要有网页文件，默认有一个测试页面，安装完后此时已经可以简单使用了systemctlrestarthttpd
拾柒SHY·2024-01-04 16:12

Vue3全局属性app.config.globalProperties

文章目录一、概念二、实践2.1、定义2.2、使用三、最后一、概念一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。点击【前往】访问官网二、实践2.1、定义在main.ts文件中设置app.config.globalPropertieimport{createApp}from'vue'importElementPlusfrom'element-plus';import'element-pl
小马甲丫·2024-01-04 16:37

tsconfig.json配置说明

为2020年作技术储备，学习下ts，毕竟vue3.0将至{"compilerOptions":{/*BasicOptions*/"target":"es5"/*target用于指定编译之后的版本目标:'
滴流乱转的小胖子·2024-01-04 15:00
上一页 105 106 107 108 109 110 111 112 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他