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
实现祖孙组件通信(provide、inject )
patent.vue//父组件通过provide提供数据import{reactive,provide}from'vue';letobjData=reactive({name:'張三',age:18,})provide('objData',objData)child.vue和childchild.vue//子组件通过inject获取数据import{inject}from'vue'letobjDa
Zh.冠军
·
2024-01-12 12:10
vue3
组件通信
【
Vue3
/Vue2】判断设备是移动端还是pc端跳转不同路由router
Vue3
代码APP文件中写入js代码1、首先,通过isMobile()函数判断用户的设备类型。
xiaoming_0208
·
2024-01-12 12:35
javascript
css
正则表达式
vue3
中的hook公共函数封装及运用
vue3
中的hooks就是函数的一种写法,就是将文件的一些单独功能的js代码进行抽离出来,放到单独的js文件中,或者说是一些可以复用的公共方法/功能使用
Vue3
的组合API封装的可复用的功能函数自定义hook
Zh.冠军
·
2024-01-12 12:04
vue3
hooks
由Vue转React的自学文档
react学习文档由
vue3
转学react,之前从未接触过react,自学了一遍感觉还好,容易上手。期间的一些笔记,后续有更深的见解持续更新。
雨燕容若
·
2024-01-12 12:33
react.js
vue.js
javascript
Vue2自学笔记
Vue2vue基础vue-clivue-routervuexelement-ui
vue3
Vue,用于构建用户界面的渐进式JavaScript框架。
Kazunto
·
2024-01-12 12:32
Vue
JVxeTable插入行和合并单元格
JVxeTable实践第一章插入行和合并单元格应用
vue3
.0文章目录JVxeTable实践前言一、实现目标二、代码实现1.JvxeTable标签2.实现方法前言JvxeTable是在JEECGBOOT
哈哈哈iiiiii
·
2024-01-12 11:50
vue
anti-design-vue
JVxetable自定义组件(
vue3
.0)
文章目录一、参考链接二、代码实现1.引入库一、参考链接https://www.jianshu.com/p/f4668a0da259二、代码实现1.引入库代码如下(示例)以颜色选择器组件为例:import{defineComponent,ref}from'vue';import{JVxeComponent,JVxeTypes}from'/@/components/jeecg/JVxeTable/ty
哈哈哈iiiiii
·
2024-01-12 11:50
javascript
前端
typescript
vue
Vue3
的基本开发+新特性
Vue3
1.
Vue3
1.Vue2选项式APIvs
Vue3
组合式APIexportdefault{ data(){ return{ count:0 }}, methods:{ addCount()
m0_58462450
·
2024-01-12 10:24
vue.js
前端
javascript
java
Vue3
项目目录结构以及变化 一图看懂
通过createvue创建vue项目后的基本框架如下整体变化Vite.config.jsVue项目的配置信息,如:端口号等Package.json项目配置文件,包括项目名,版本号,依赖包,版本等package-lock.json项目配置文件(不需要修改)index.html默认首页node_modules下载的第三方包存放目录public公告资源Src后面百分之90的代码都是在这写assets静态
m0_58462450
·
2024-01-12 10:23
vue.js
javascript
前端
使用Vite创建
vue3
工程
介绍使用Vite构建工具,创建
Vue3
工程示例第一步:执行创建项目的命令,study-front-
vue3
是项目名称npminitvite-appstudy-front-
vue3
第二步:进入项目文件夹,
牧小七
·
2024-01-12 10:52
Vue
vue3
一个完整的流程表单流转
1.写在前面一个完整的流程表单审批(起表单-->各环节审批-->回退-->重新审批-->完成),前端由Vue2+js+ElementUI升级为
Vue3
+ts+ElementPlus,后端流程框架使用Flowable
honor_zhang
·
2024-01-12 10:19
vue.js
前端
javascript
【
Vue3
】响应式原理
【
Vue3
】响应式原理一、问题什么是数据响应式?vue2使用Object.defineProperty实现响应式?
wyc_ok
·
2024-01-12 10:28
javascript
vue.js
前端
Vue3
多语言
Vue3
多语言1.下载依赖2.配置文件目录3.编写代码3.1js版本3.2ts版本:4.修改$t为t1.下载依赖#npm#npminstallvue-i18n@9-S#yarnyarnaddvue-i18n
wyc_ok
·
2024-01-12 09:58
前端
【Vue技巧】Vue2和
Vue3
组件上使用v-model的实现原理
ChatGPT4.0国内站点,支持GPT4Vision视觉模型:海鲸AI在Vue中,v-model是一个语法糖,用于在输入框、选择框等表单元素上创建双向数据绑定。当你在自定义组件中实现v-model功能时,你需要理解它背后的原理:v-model实际上是一个属性和一个事件的简写。在Vue2.x中,v-model默认会利用名为value的prop和名为input的事件来更新变量。如果你想在自定义组件中
海鲸AI
·
2024-01-12 09:51
vue.js
javascript
前端
Vue3
父事件覆盖子事件,Vue2 的 v-on=“$listeners“ 的替代方案
在
Vue3
中,$listeners被删除子组件代码,需要特别注意的是事件名为on开头,例如onBack。
Dreamy_lin
·
2024-01-12 09:50
前端
javascript
前端
Vue3
vue3
的getCurrentInstance获取组件实例踩坑记录
getCurrentInstance基本用法我们可以通过getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中,可以通过this来获取当前组件实例;
Vue3
时清云
·
2024-01-12 09:43
vue3.x
vue3中获取上下文
vue3.x
vue3.x内部的组件实例
Vue中 keep-alive的实现原理分析
这里以
vue3
为例整个组件的源码为:constKeepAliveImpl={name:`KeepAlive`,//Markerforspecialhandlingi
时清云
·
2024-01-12 09:42
vue3.x
keep-alive
keep-alive的原理
【
Vue3
】2-10 : 表单处理与双向数据绑定原理
本书目录:点击进入一、表单处理1.1、【双向绑定】实现方式一:v-model>代码>效果1.2、【双向绑定】实现方式二::value属性+input事件>代码>效果(同上)二、实战2.1【v-model示例】输入框>代码+效果(见1.1)2.2【v-model示例】单选框>代码>效果2.3【v-model示例】复选框>代码>效果2.4【v-model示例】下拉菜单>代码>效果一、表单处理收集表单数
ladymorgana
·
2024-01-12 09:39
架构师之路-java
前端
javascript
开发语言
表单处理
双向绑定
vue3
+ts+vite+elementPlus后台管理系统学习总结01
vue3
+ts+vite+elementPlus后台管理系统学习总结01一:运行源代码一:按照博客一步步操作1.ts中引入path模块出错:Cannotfindmodule'path'oritscorrespondingtypedeclarations
万物可爱_85
·
2024-01-12 08:40
学习
前端
vue.js
javascript
node.js
基于Redis的对象状态数据管理模块-后端开发
需求:对象
状态管理
。可修改、可获得,基于redis数据储存。实现思路接收前端路径参数,存储到redis中。
唯手熟
·
2024-01-12 08:36
redis
数据库
缓存
纯前端 —— 200行JS代码、实现导出Excel、支持DIY样式,纵横合并
前期回顾
Vue3
+TS+Element-Plus封装Tree组件《亲测可用》_
vue3
+ts组件封装-CSDN博客https://blog.csdn.net/m0_57904695/article/details
彩色之外
·
2024-01-12 08:35
前端
javascript
vue.js
Vue3
+ TS + Element-Plus —— 项目系统中封装表格+搜索表单 十分钟写五个UI不在是问题
前期回顾纯前端——200行JS代码、实现导出Excel、支持DIY样式,纵横合并-CSDN博客https://blog.csdn.net/m0_57904695/article/details/135537511?spm=1001.2014.3001.5501目录一、️newTable.vue封装Table二、newForm.vue封装搜索表单三、TS类型src\types\global.d.ts
彩色之外
·
2024-01-12 08:00
vue.js
前端
javascript
Element-plus
封装
启动Spring Boot+vue前后端分离的若依(RuoYi)项目
下载若依项目:RuoYi-Vue:基于SpringBoot,SpringSecurity,JWT,Vue&Element的前后端分离权限管理系统,同时提供了
Vue3
的版本(gitee.com)下载好的项目目录结构这是前端项目
梅秃头
·
2024-01-12 08:10
vue.js
spring
boot
前端
Vue组件通信之bus详解
很多刚学前端使用vue的同学被问到这个时,大概知道props和emit时间提交,再或者是vuex
状态管理
。其实vue组件之间通信的方式有很多种,其实组件间通信有很多种,包括父子组件之间和兄弟
kirinlau
·
2024-01-12 08:08
vue
vue.js
javascript
前端
vue3
的自定义hooks
文章目录前言一、
vue3
中的hooks如何理解二、
vue3
自定义hook需要满足的规范三、hooks与utils的区别总结前言
Vue3
的hook函数的出现,可以让我们更好抽离重复逻辑,聚合相同的功能。
TE-茶叶蛋
·
2024-01-12 08:03
vue.js
前端
javascript
json-editor-
vue3
(Json字段编辑器 )
json-editor-
vue3
编辑器提示:读文章,少走弯路!!!!!!!!!
满脑子技术的前端工程师
·
2024-01-12 07:46
便捷开发资源(Vue
JS
HTML)
json
编辑器
javascript
vue.js
前端
vue3
的福音框架arco.design
前言:在vue2于2023年底正式宣布不在维护,
vue3
使用越来越频繁的时刻,我们实现项目的辅助框架也越来越多。
浩星
·
2024-01-12 07:14
vue-插件
vue3.0
前端
javascript
vue.js
vue3
+acro实现日期组件可以直接展示在界面上,不用非得弹框展示
前言:在很多时候,我们使用日期组件的时候,不希望每次都是点击弹出日期弹框,而是,点击日期弹框直接能展示在界面上,在这里我们介绍下使用acro来更加轻松的实现他的效果。实现效果:实现步骤:1、安装插件npminstall--save-dev@arco-design/web-vue2、配置框架//全局main.tsimport"@arco-design/web-vue/dist/arco.css";i
浩星
·
2024-01-12 07:14
vue3.0
vue.js
前端
javascript
vue/
vue3
/js来动态修改我们的界面浏览器上面的文字和图标
前言:整理vue/
vue3
项目中修改界面浏览器上面的文字和图标的方法。效果:vue2/
vue3
:默认修改public/index.htmlindex.html显示文字...
浩星
·
2024-01-12 07:37
vue3.0
vue
vue-插件
javascript
vue.js
前端
通过Vscode 简单创建一个
vue3
+element的项目
首先确保安装的nodejs是18版本以上确保你安装了最新版本的Node.js,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令VSCode打开终端输入构建项目命令,个人推荐如果有cnpm使用cnpmnpmcreatevue@latestcnpmcreatevue@latest创建成功之后引入element依赖包cnpmielement-ui-S完整引入在main.js中写入以下内
m0_58462450
·
2024-01-12 07:52
vscode
ide
编辑器
vue
node.js
elementui
报错Virtual script ... not found, may missing<script lang=“ts“>/ “allowJs“: true / jsconfig.json.volar
使用
vue3
+ts写项目,使用volar作为
vue3
的语法指示器,遇到了报错。
czy陈泽宇
·
2024-01-12 07:12
前端
typescript
vue3
emit监听子组件事件
emit:在子组件中封装emit事件,并返回数据、回调函数等,或单纯执行某个操作后,触发父组件的事件响应。外部要用时,使用@xxxx来接收使用、响应。1、给子组件中的button按钮添加一个handleUserInfo事件,在setup中调用emit事件,设置handleUserInfo对象,用于传递用户输入。2、在handleUserInfo对象中,使用emit自定义一个inputinfo事件,
czy陈泽宇
·
2024-01-12 07:41
前端
javascript
vue
vue3
+ts报错:无法找到模块“xxx.vue“的声明文件,xxx隐式拥有“any“类型
1、报错原因:typescript不能识别.vue文件2、解决方法:可以在vite-env.d.ts中添加以下代码,如果没有vite-env.d.ts,可以自己新建一个xxx.d.ts类型的文件即可declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdef
czy陈泽宇
·
2024-01-12 07:41
vue.js
前端
javascript
uniapp微信小程序投票系统实战 (SpringBoot2+
vue3
.2+element plus ) -投票帖子详情实现
锋哥原创的uniapp微信小程序投票系统实战:uniapp微信小程序投票系统实战课程(SpringBoot2+
vue3
.2+elementplus)(火爆连载更新中...)
java1234_小锋
·
2024-01-12 06:02
uni-app
uni-app
微信小程序
小程序
小程序投票
投票
uniapp微信小程序投票系统实战 (SpringBoot2+
vue3
.2+element plus ) -用户投票实现
锋哥原创的uniapp微信小程序投票系统实战:uniapp微信小程序投票系统实战课程(SpringBoot2+
vue3
.2+elementplus)(火爆连载更新中...)
java1234_小锋
·
2024-01-12 06:02
uni-app
uni-app
微信小程序
小程序
投票系统
小程序投票
vue3
useAttrs的使用场景,提取共有props
1场景多个类似组件都需要传参data,用于请求接口或者处理数据,想让组件干净整洁,把参数data提出来2方法选项式可以使用mixin混入或者extends继承(略)组合式可以使用hook无脑式踩坑(如下代码)://hookimport{defineProps}from'vue';importservicefrom'@/utils/index';exportdefaultfunctionuseDat
无心使然云中漫步
·
2024-01-12 06:14
vue
scene
javascript
前端
vue.js
鸿蒙开发 -
状态管理
之@Provide和@Consume
@Provide和@Consume,应用于与后代组件的双向数据同步,应用于状态数据在多个层级之间传递的场景。不同于上文提到的父子组件之间通过命名参数机制传递,@Provide和@Consume摆脱参数传递机制的束缚,实现跨层级传递。其中@Provide装饰的变量是在祖先节点中,可以理解为被“提供”给后代的状态变量。@Consume装饰的变量是在后代组件中,去“消费(绑定)”祖先节点提供的变量。概述
爱勤海之旅
·
2024-01-12 06:11
鸿蒙
harmonyos
Provide
Consume
鸿蒙Harmony--
状态管理
器-@Observed装饰器和@ObjectLink装饰器详解
经历的越多,越喜欢简单的生活,干净的东西,清楚的感觉,有结果的事,和说到做到的人。把圈子变小,把语放缓,把心放宽,用心做好手边的事儿,该有的总会有的!目录一,定义二,装饰器说明三,变量的传递/访问规则说明四,使用1,简单对象的使用2,嵌套对象的使用3,数组对象的使用一,定义之前所讲的装饰器仅能观察到第一层的变化,但是在实际应用开发中,应用会根据开发需要,封装自己的数据模型。对于多层嵌套的情况,比如
袁震
·
2024-01-12 06:40
鸿蒙开发
harmonyos
鸿蒙
鸿蒙Harmony--
状态管理
器--@Provide装饰器和@Consume装饰器详解
今天是1月11日号星期四,农历腊月初一,辞旧的岁月里,愿你守得云开、终见月明,迎新的时光中,愿你心御寒冬、顺遂无忧,岁末冬深,希望接下来的日子里足够幸运,攒足勇气、信心和运气,去迎接新的一年,去遇见更好的自己!目录一,定义二,特性三,装饰器说明四,变量的传递/访问规则说明五,使用1,简单使用2,装饰对象3,装饰Array一,定义@Provide和@Consume,应用于与后代组件的双向数据同步,应
袁震
·
2024-01-12 06:09
鸿蒙开发
鸿蒙
harmonyos
Vue3
+Echarts:柱状图的图例(legend)不显示
一、问题在使用Echarts绘制堆积柱状图的时候,想给柱状图添加图例,但是添加完后,图例不显示。二、问题及解决原因这里图例不显示,是因为legend里面图例的文字内容跟series里每一项的name的内容不一致,必须得两者一致才会显示:将两者的内容统一之后,之前添加的图例就显示了:三、其他1、修改图例的大小itemWidth:15,//设置图例的宽度为15像素itemHeight:10,//设置图
十八只兔
·
2024-01-12 05:06
vue
Echarts
echarts
javascript
图例
vue3
Vue3
:使用解构赋值来读取对象里的键-值对(值也是对象)
一、前言在
Vue3
中,想要读取一个对象的“键—值”对(值也是一个对象),数据格式如下:{1:{courseName:'课程1',study:'951526',visit:'3785553'},2:{courseName
十八只兔
·
2024-01-12 05:05
ES6
vue
Javascript
javascript
vue.js
ES6
解构赋值
vue3
ts面试题 常问面试题(连更中.......有错 欢迎提出)
Vue2和
vue3
区别Api?
阿金要当大魔王~~
·
2024-01-12 04:17
面试啊
vue.js
javascript
ecmascript
在
Vue3
项目中添加Vuepress作为内嵌文档
在Vue项目中添加Vuepress作为内嵌文档vuepress2vuepress作为一个静态网站库,可以有效的开发网站的文档部分。我们可以在已有的vue项目中添加vuepress作为文档页面。在你的vue项目的根目录中创建docs文件夹mkdirdocscddocs初始化项目gitinitnpminit-y安装Vuepresspnpminstall-Dvuepress@next在package.j
正宗咸豆花
·
2024-01-12 04:39
vue.js
前端
javascript
Vue3
组件库 -- element plus 树形选择器组件怎样显示已有的树形菜单?
添加:props="{lable:'字段名',value:'字段id'}"完美解决
Z_B_L
·
2024-01-12 03:44
vue.js
前端
javascript
Vue3
函数式弹窗实现
要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就可以了。那么这里使用函数
xdpcxq1029
·
2024-01-12 03:21
vue.js
elementui
javascript
Vue3
:vue-cli项目创建及vue.config.js配置
一、node.js检测或安装:node-vnode.js官方二、vue-cli安装:npminstall-g@vue/cli#ORyarnglobaladd@vue/cli/*如果安装的时候报错,可以尝试一下方法删除C:\Users**\AppData\Roaming下的npm和npm-cache文件夹删除项目下的node_modules重新运行安装命令*/vue-cli安装官方vue-cli检测
米柆
·
2024-01-12 02:59
Millia's
work
vue.js
前端
javascript
Vue3
:返回组件(运用keepAlive保留滚动位置)
$router.go(-1)(
VUE3
写法:proxy.
米柆
·
2024-01-12 02:29
Millia's
work
html
前端
Vue3
:Axios配置及使用
Axios官方一、安装://使用npm:$npminstallaxios//使用bower:$bowerinstallaxios//使用yarn:$yarnaddaxios在package-lock.json文件可以查看axios版本二、配置:milliaAxios.js配置axiosimportaxiosfrom'axios'//创建一个axios实例constmilliaAxios=axios
米柆
·
2024-01-12 02:57
Millia's
work
前端
javascript
开发语言
Vue 3 最详细的Reactivity 数据响应式原理解析
Vue3
如火如荼,与其干等,不如花一个下午茶的时间来看下最新的响应式数据是如何实现的吧。在本文中,会写到
vue3
的依赖收集和proxy数据代理,以及副作用(effect)是如何进行工作的。
前端劝退师
·
2024-01-12 01:56
java
编程语言
js
css
javascript
前端学习笔记 5:大事件
1.准备工作1.1.创建工程创建一个名称为big-event的
Vue3
项目,具体可以参考这篇文章。
魔芋红茶
·
2024-01-11 23:57
前端
前端
学习
笔记
上一页
47
48
49
50
51
52
53
54
下一页
按字母分类:
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
其他