E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue3项目搭建
VUE3
(二)使用vue-cli创建一个项目
VUE3
官方推荐使用vite来构建项目,但是并不是说之前使用vue-cli创建项目就不行了。
camellias__
·
2024-03-05 13:03
vue3
配合naive-ui的虚拟表格显示超过1000条数据,并且带有单选按钮
父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom"./views/HomeView.vue";interfaceRowData{key:number;name:string;age:number;address:string;}constselect=ref(null);c
沙滩上的一颗石头
·
2024-03-05 05:56
ui
vue.js
javascript
Vue 3 中的 Teleport 特性详解
引言在
Vue3
中,引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置,而不仅仅是它们的直接父级内部。
琛哥的程序
·
2024-03-04 14:36
vue
Vue 3 中的 Composition API 详解
随着前端技术的不断发展和项目复杂度的增加,Vue团队推出了
Vue3
,并引入了CompositionAPI,以更好地满足复杂应用的需求。一、CompositionAPI是什么?
奔强的程序
·
2024-03-04 07:56
vue
Vue 3 中的 setup 函数是如何工作的?
Vue3
中的setup函数是一个新的组件选项,用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长,选项式的API可能导致代码难以维护和理解的问题。
奔强的程序
·
2024-03-04 07:56
javascript
前端
vue.js
Astro + NextUI 搭建个人博客(导航组件篇)
Astro简介由于我之前的个人博客是
Vue3
+Quasar+Koa+MySql搭建的,整体就是SPA的思路,作为练手倒是可以锻炼前后端各方面的能力。
·
2024-03-04 00:18
Vue 3.4 - 详细发布说明
Vue3
是Vue.js的一个主要版本,它引入了许多新的特性和改进,包括CompositionAPI、性能优化和更小的体积。现在,随着
Vue3
.4的发布,这个框架又向前迈进了一大步。
大鱼前端
·
2024-03-03 07:25
前端
Vue 3.4 - 详细发布说明
Vue3
是Vue.js的一个主要版本,它引入了许多新的特性和改进,包括CompositionAPI、性能优化和更小的体积。现在,随着
Vue3
.4的发布,这个框架又向前迈进了一大步。
·
2024-03-03 01:33
前端
Vue3
+ ElementUIPlus获取node的parent节点
Vue3
+ElementUIPlus获取node的parent节点el-tree可以但是el-tree-v2是不可以的
简单点了
·
2024-03-02 11:57
elementUi
vue.js
elementui
javascript
vue3
实现表格单元格可编辑
以往编辑表格内容都是点击编辑按钮,进入编辑页面或弹窗对整行做编辑的效果。而这次由于项目需要实现在表格内双击就能编辑对应单元格的功能,对于没有做过的我来说也是一个新挑战。需要达到的效果:方案一由于项目使用的是element-ui,所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有(cell-dblclick)。下面看实现效果(部分代码):{{props.row.amount
HuaHua·Li
·
2024-03-02 07:50
javascript
vue.js
前端
elementui
vue3
+ts实现图片预览功能
首先,需要创建一个Vue组件,用于显示图片和预览图。import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String,required:true,},},setup(props){constpreviewVisible=ref(false);constsho
前端fighter
·
2024-03-02 07:49
vue.js
javascript
前端
TypeScript 中的 type 和 interface:你真的了解它们的不同吗?
如果你有写过
Vue3
的项目,那么对TypeScript肯定不会陌生。
·
2024-03-02 05:20
Vue3
中的Hooks详解
vue3
带来了CompositionAPI,其中Hooks是其重要组成部分。
·
2024-03-01 23:16
前端
Vue-5
Vue3
的优势更容易维护(组合式API)更快的速度更小的体积更优的数据响应创建
Vue3
项目前提环境条件:已安装16.0或更高版本的Node.jsnode-v创建一个Vue应用(下面的指令将会安装并执行create-vue
-seventy-
·
2024-03-01 20:35
#
Vue
vue.js
Vue3
实现一个简单的方位动画
这是最近遇到的一个有点意思的需求,需要根据后端返回的数据,在一块地图的具体的方位上显示对应位置标识(位置图钉)。不用十分精确,只要能表现出大致的方位即可。类似下面的效果,有点像游戏里的地图标识。设计思路由于不用十分精确,就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个,东南西北中加上四个角,通过Grid布局让其形成3*3的格子。位置标识只
·
2024-02-29 22:28
程序员vue.js
vue3
实现页面跳转
在
Vue3
中,可以使用router来实现页面跳转。
我爱学习yq
·
2024-02-29 20:01
vue.js
javascript
前端
vue
vue、react和小程序的状态管理
vue2的状态管理vuexvuex官网:https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本:npmivuex@3在
vue3
中使用vuex的4版本:npmivuex
LLLuckyGirl~
·
2024-02-29 19:30
vue.js
react.js
前端
vue3
+vite+vant移动端适配记录
1、根节点rem适配1.1、body需要设置一个默认的字体大小,可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865
·
2024-02-28 09:19
一
HTML类
javascript
html
前端
vue3
生命周期
vue3
的钩子函数基本是再vue2的基础上加了一个on,但也有两个钩子函数发生了变化。
栗子daisy
·
2024-02-27 19:15
vue3
中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能(pdf文件预览)
1.安装插件npminstall
vue3
-pdfjsnpminstallvue-pdf-embed2.完整代码上一页{{state.pageNum}}/{{state.numPages}}下一页放大缩小下载
℘团子এ
·
2024-02-27 18:30
vue3
前端
javascript
vue.js
vue3
上传文件到服务器
第一种方式将文件拖到此处或点击上传文件仅支持Excel。单个附件大小不超过3M{{item.attachmentName}}//导入服务商清单constonChange=(file)=>{//附件格式constfileType=["xlsx","xls"];constsize=3;if(fileType){constfileCut=file.file.name.substring(file.fil
℘团子এ
·
2024-02-27 08:17
vue3
vue.js
elementui
前端
javascript
vue + nginx 前端项目的线上服务部署
根据上篇文章基本就差不多了一下为自己在
项目搭建
中实际操作在项目部署过程中一定会遇到代理问题(解决原理都是一个套路)vue项目在本地开发过程中解决跨越是在config.js中解决的(如下)但是在线上项目中依旧会有跨域的问题出现所有要在
多久以后_Mr
·
2024-02-27 07:25
这款完全自定义配置的浏览器起始页插件值得你收藏!
项目介绍HowdzDashboard——一个基于
Vue3
、Typescript、
·
2024-02-27 02:08
vue3
升级了什么
Vue3
在许多方面都进行了功能性升级和改进。
亮学长
·
2024-02-26 11:54
vue.js
javascript
ecmascript
vue3
使用ElementPlus upload上传文件的两种方式
1.不使用actiona:html部分(上传单个文件)b:js部分//上传consthandleChange=(rawFile)=>{if(rawFile.type!=="image/jpeg"&&rawFile.type!=="image/png"){ElMessage.error("只能上传jpeg/jpg/png图片");returnfalse;}elseif(rawFile.size/10
·
2024-02-25 09:10
wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片
采用uniapp-
vue3
实现,透明辉光动画卡片,卡片内容包含标签、标题、副标题、图片支持H5、微信小程序(其他小程序未测试过,可自行尝试)可用于参考学习可到插件市场下载尝试:https://ext.dcloud.net.cn
狼性书生
·
2024-02-25 02:09
uniapp插件
uni-app
vue
微信小程序
前端
vue.js
#11
vue3
中使用el-dialog展示与关闭交由父组件控制的写法
目录1、法一:通过defineEmits调用父组件方法1.1、父组件1.2、子组件(CONTENT)2、法二:通过difineExpose暴露子组件属性2.1、父组件2.2、子组件(Child)1、法一:通过defineEmits调用父组件方法1.1、父组件constfinish=ref(false);constclick=()=>{finish.value=!finish.value;}打开di
火鸡nobug
·
2024-02-24 02:17
vue3
vue.js
前端
javascript
vue3
响应式原理 双向绑定原理
Vue.js的响应式原理和双向绑定原理是Vue.js框架的核心机制,它们共同实现了Vue.js的数据驱动视图的特点。1.响应式原理Vue.js的响应式原理基于JavaScript的Object.defineProperty()方法。Vue.js在初始化时,会遍历data中的所有属性,并使用Object.defineProperty()方法将这些属性转化为getter和setter,这样Vue.js
zhaojjjjjj163
·
2024-02-22 19:09
VUE
vue
JeePlus快速开发平台 validateMobile SQL注入漏洞复现
0x01产品简介JeePlus(洁普斯)是一个软件快速开发平台,使用多种现代Web技术,包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、
Vue3
OidBoy_G
·
2024-02-20 23:19
漏洞复现
sql
web安全
安全
Jeeplus快速开发平台 validateMobileExist SQL注入漏洞
0x01产品简介JeePlus(洁普斯)是一个软件快速开发平台,使用多种现代Web技术,包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、
Vue3
OidBoy_G
·
2024-02-20 23:47
漏洞复现
sql
安全
web安全
Vue3
页面自适应,表格滚动高度
TS端代码:import{ref,onMounted}from"vue";/***
Vue3
计算剩余高度**/exportdefaultfunctio
大阳光男孩
·
2024-02-20 23:11
前端
前端
vue
typescript
Vue3
引用第三方模块报错Could not find a declaration file for module ***.
js文件解决方案:1.在Src的目录下面新建一个文件为shims-vue.d.ts的文件2.文件内容为declaremodule'xxx',xxx就是你报错的模块例如我这样declaremodule'
vue3
大阳光男孩
·
2024-02-20 23:11
前端
vue.js
前端
javascript
Vue3
自定义全局指令批量注册
指令封装代码:importtype{App}from"vue";constcontent={mounted(el:any,binding:any){console.dir(binding.value);el.remove();}};constoperate={mounted(el:any,binding:any){console.dir(binding.value);el.remove();}};
大阳光男孩
·
2024-02-20 23:38
前端
vue.js
javascript
前端
vue3
使用pinia
vue3
使用piniapinia类似于vuex,但相对于vuex少了mutations和modules。
酒渣
·
2024-02-20 22:32
vue
vue.js
前端
uniapp微信小程序开发踩坑日记:onShow的应用场景及用法
之后再通过导航栏切换到相同的页面并不会导致页面重新加载但是在某些场景下,我们希望每次用户一回到某个页面,就执行相应的函数,但因为导航栏切换页面并不会导致页面重新加载,所以页面中的代码不会被再次执行如果大家和我一样使用
vue3
早八睡不醒午觉睡不够的程序猿
·
2024-02-20 19:36
uni-app
微信小程序
小程序
前端
开发语言
Vue3
+vite搭建基础架构(8)--- 使用pinia-plugin-persist
Vue3
+vite搭建基础架构(8)---使用pinia-plugin-persist说明官方文档安装pinia-plugin-persist使用pinia-plugin-persist测试pinia-plugin-persist
谁不想飞舞青春
·
2024-02-20 19:26
前端
vue.js
前端
html5
vue
javascript
Vue3
+vite搭建基础架构(9)--- 使用vite-plugin-svg-icons
Vue3
+vite搭建基础架构(9)---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春
·
2024-02-20 19:26
前端
vue
vue.js
前端
javascript
html5
Vue3
+vite搭建基础架构(10)--- 使用less和vite-plugin-vue-setup-extend
Vue3
+vite搭建基础架构(10)---使用less和vite-plugin-vue-setup-extend说明官方文档安装less测试less表达式安装vite-plugin-vue-setup-extend
谁不想飞舞青春
·
2024-02-20 19:26
前端
vue.js
less
vue
前端
html5
【无标题】
vue3
+pinia+vite管理平台模板(涉及顶部、侧边、导航栏菜单联动)
超实用的
vue3
+setup+pinia+vite项目模板主要实现顶部菜单、侧边菜单、导航栏菜单联动效果,效果相当的巴士惨了。
Silence翔海
·
2024-02-20 19:26
vue3.0
vue-cli
vue.js
vue3
.0+ts+element-plus多页签应用模板:多级路由缓存
二、路由扁平化三、定义tag模块处理路由缓存四、切换路由时加入缓存五、使用keep-alive系列文章
vue3
.0+ts+element-plus多页签应用模板:前言
vue3
.0+ts+element-plus
W先生-SirW
·
2024-02-20 19:24
vue
typescript
Vue3
+vite搭建基础架构(11)--- 菜单栏功能和Tab页功能实现
Vue3
+vite搭建基础架构(11)---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab
谁不想飞舞青春
·
2024-02-20 19:23
前端
vue.js
javascript
前端
vue
html5
vue2和
vue3
中sass的使用
我们将讨论如何在Vue2和
Vue3
版本中使用Sass。
·
2024-02-20 19:34
vue3vue2sass
vue2和
vue3
通过函数调用一个组件
实现一个简单的弹窗组件:vue2函数式组件写法,通过extend方法:创建ui.vue文件,存放我们的组件,如下:你好关闭.dialog{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba($color:#000000,$alpha:0.2);&-body{width:500px;height:300
·
2024-02-20 19:01
vue3
项目配置按需自动导入API组件unplugin-auto-import
场景应用:避免写一大堆的import,比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import/vite'//按需自动加载API插件AutoImport({imports:["vue","vue-router
菜鸟茜
·
2024-02-20 18:45
VUE
前端
vue
自动引入插件
利用vite快速搭建
vue3
项目
1、选择一个文件夹,在vscode终端打开,输入命令【npmcreatevite@latest】npmcreatevite@latest2、提示你输入项目名称之后,我这里设置的是【rookiedemo】3、回车之后,出现选择框架的提示,我们选择【vue】回车4、之后根据你的编码习惯或需要,选择【ts】或者【js】,点回车5、vite非常贴心,按照对应的提示,即可6、【cdrookiedemo】进入
菜鸟茜
·
2024-02-20 18:15
VUE
vue.js
前端
vue3
vue3
项目配置按需自动引入自定义组件unplugin-vue-components
我们通常在项目中,需要手动引入自定义的各种组件,如果涉及的页面功能比较多的话,光是import的长度都能赶上春联了。如果,能有一个插件帮我们实现自动引入,是不是要谢天谢地了呢?接下来就进入我们的主角unplugin-vue-components,这就是前端大神AnthonyFu写的的非常好用的插件,其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜
·
2024-02-20 18:39
VUE
vue
自动引入
antfu
在普通的html页面用
Vue3
组合式API写的项目(无需Node.js环境和构建项目)
摘要Vue.js的优点有很多,但是其使用门槛对于只学习过普通的项目的同学来说,还是比较有挑战性的,如果你真的想把Vue学的很溜,真的需要一个非常系统的学习才能运用起来。因为学习Vue你不仅仅是学习他的语法、API和一些开发的规范,你还要学习构建工具的使用、调试、打包等等,有些人连最基本的开发环境都还没能顺利搭建起来。如果你不想使用Vue强大的生态和工具,只想在html页面中使用Vue也是可以的,因
·
2024-02-20 17:54
详细教程!VMware Workstation Pro16 安装 + 创建 win7 虚拟机!
嚯嚯嚯,很多宝子都想拥有自己不同的操作系统环境,用于学习或
项目搭建
。买服务器费钱,虚拟机则成为了一个很好的选择。
明月与玄武
·
2024-02-20 17:17
VMware
Pro16
Vue 3的provide和inject用法
了解
Vue3
的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用,不是新鲜API,3.0重新认识一下它们两个。
超人不会飞°ོ
·
2024-02-20 17:44
javascript
vue.js
react.js
typescript
react的createContext及useContext 和
vue3
的 provide 及 inject
这几个方法都是用于多层嵌套组件时,父组件向某个深层组件的传值,避免了props一层一层的传递。reactcreateContext和useContext新建context.ts文件:import{createContext}from'react'exportconstMyContext=createContext(null)父组件:import{MyContext}from'./context'i
Mosowe
·
2024-02-20 17:13
vue3
react
依赖注入
useContext
provide
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他