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
封装一个通用echarts组件
实现这个组件需要引入echarts和vue-echarts插件,使用vue-echarts是因为它帮我们封装了一些很常用的功能,比如监听页面resize后重新渲染功能,本次组件只使用到了autoresize配置,其它可以根据官方文档按需选配https://github.com/ecomfe/vue-echarts首先引入echarts和vue-echarts插件npminstallechartsv
weixin_43160044
·
2024-02-13 19:28
封装
echarts
vue.js
前端
Vue3
Vue2->
Vue3
如果有Vue2的基础,并在此基础上学习
Vue3
,并不需要把完整的官网看完,我们只需要关注一些新功能和非兼容的变化即可进行开发。
江_河
·
2024-02-13 19:42
搭建
Vue3
源码的开发环境
最近一直在看
Vue3
的源码,通过对
Vue3
的源码分解从头搭建出
Vue3
源码开发环境,需要梳理的东西还很多,现在将整个思路和源码弄了一个开源项目,大家可以一起参与进来。
JX灬君
·
2024-02-13 19:01
Vue3
组件 v-model 和 defineModel 使用
v-model可以在组件上使用以实现双向绑定简单使用Home.vueimport{ref}from'vue'importChildfrom'@/views/home/Child'constcity=ref('bj')Child.vueconstprops=defineProps(['modelValue'])constemit=defineEmits(['update:modelValue'])组
小凳子腿
·
2024-02-13 18:36
Vue3
defineModel
v-model
vue3
-应用规模化-工具链
工具链项目脚手架ViteVite是一个轻量级的、速度极快的构建工具,对VueSFC提供第一优先级支持。作者是尤雨溪,同时也是Vue的作者!要使用Vite来创建一个Vue项目,非常简单:(推荐)npm create vue@latest这个命令会安装和执行create-vue,它是Vue提供的官方脚手架工具。跟随命令行的提示继续操作即可。VueCLIVueCLI是官方提供的基于Webpack的Vue
王大可996
·
2024-02-13 16:45
vue3
vue.js
前端
javascript
vue
vue3
-应用规模化-路由和状态
客户端vs.服务端路由服务端路由指的是服务器根据用户访问的URL路径返回不同的响应结果。当我们在一个传统的服务端渲染的web应用中点击一个链接时,浏览器会从服务端获得全新的HTML,然后重新加载整个页面。然而,在单页面应用中,客户端的JavaScript可以拦截页面的跳转请求,动态获取新的数据,然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验,尤其是在更偏向“应用”的场景下
王大可996
·
2024-02-13 16:45
vue3
vue.js
javascript
前端
vue
vue3
中使用element-plus的图标不显示问题
按照官网的写法,我的图标不显示的:image.png然后我搜了一些大神的博客说是vite版本改为2.3.7(但是我的依然不可以!!!!!!!!!!!!!!!!)image.pngimage.png有两种解决方案:第一种:我项目下的就是element-plus但是他官网说的图标引入方法我不能用,但是我用vue2的图标引入写法在里面就能显示image.png第二种:比如:有个图标叫select,最好给
是妍妍吖
·
2024-02-13 15:31
使用Provide和Inject设计
Vue3
插件
使用provide和inject的Vue依赖项注入非常适合构建
Vue3
插件或避免prop多层传递。尽管不经常使用它,但是您可以仅使用两个内置方法来实现依赖项注入:provide和inject。
魂斗驴
·
2024-02-13 14:47
如何切分大型任务和长远
实现前两个条件的时间管理工具,这里只需要稍做升级即可,它们时
随手记
和待处理清单,这一部分将重点教给你蛋糕切分法,用来更快的推进长远的重要的事情。
澜息
·
2024-02-13 14:26
vue和react的区别
vue和react的区别:一.定位:两者都是UI层的框架,vue是数据响应式的框架;二.vue使用的语法是template,react使用的语法是JSX;三.
vue3
.0推出了hooks:compositionapi
XiaoMai
·
2024-02-13 13:41
【
Vue3
从入门到实战 进阶式掌握完整知识体系】010-探索组件的理念:组件概述
三、探索组件的理念1、组件概述组件图解组件的概念非常常见,类似于模块的概念components.png简单使用hellovue//Vue.createApp()内的参数组成根组件constapp=Vue.createApp({template:``});//注册子组件helloapp.component('hello',{template:`hello`});//注册子组件byeapp.compo
訾博ZiBo
·
2024-02-13 12:55
创建你的第一个Vue项目(小白专享版本)
文章目录下载node.js创建
Vue3
项目VSCode和
Vue3
CDN(内容分发网络)使用全局构
小馒头学python
·
2024-02-13 10:27
Vue3
vue.js
前端
javascript
vue3
获取ref实例ts怎么写
父级件:按钮import{ref}from'vue'importMyLoginfrom'./components/MyLogin.vue'constMyLoginRef=ref|null>()consthanldClick=()=>{MyLoginRef.value?.sayHello()}子级件MyLogin.vue:我是logindefineExpose({sayHello:()=>{cons
adrainHsu
·
2024-02-13 10:16
Vue3
笔记(2024)
1.
Vue3
简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece
肉松拿铁
·
2024-02-13 10:15
前端
笔记
vue
能否手写
vue3
响应式原理-面试进阶
(二)响应式原理利用ES6中Proxy作为拦截器,在get时收集依赖,在set时触发依赖,来实现响应式。(三)手写实现1、实现Reactive基于原理,我们可以先写一下测试用例//reactive.spec.tsdescribe("effect",()=>{it("happypath",()=>{constoriginal={foo:1};//原始数据constobserved=reactive(
helloworld1024z
·
2024-02-13 09:01
vue3
腾讯tdesign 后台管理框架的使用
1.介绍TDesign是具有包容性的设计体系,它强调为业务提供产品、服务等过程中,追求以人为本、人人受益的包容性,要求搭建过程中,了解业务底层,理解业务场景的多样性,并在繁杂的业务场景中寻找共性和特性,确保彼此能灵活地在同一个环境并存,既能满足当下需要,也能作用于更广泛的场景,为不同的产品保留定制空间,在保证不同产品能够体现自我特色的同时,TDesign还可以为更广泛的产品提供适合的服务。TDes
喝一杯维C
·
2024-02-13 08:28
tdesign
前端框架
javascript
vue.js
记录目前使用
vue3
.2.0&&vite4.2.0时遇到的一些坑-持续更新
vue3
安装markdown-itvuets使用markdown-it需要使用以下命令安装才行npminstall--savemarkdown-it@vue/compiler-sfc来源https://
尽虹
·
2024-02-13 03:42
web前端
vue.js
前端
javascript
typescript
vue3
源码解读--effect
目录vue2源码
vue3
源码示例源码其实,在不看源码之前,就已经能想到其大概实现逻辑了:每一个effect在执行过程中如果遇到设置了响应式的值那么就会执行依赖收集,那么此时如果打一个标记,并根据此标记将存在依赖的
习惯水文的前端苏
·
2024-02-13 02:11
坚持日更真的很难吗?
这几天看到好多百天以上日更大佬在文章中写到,可以用
随手记
、写心情等方法来进行日更。坚持每天写到一百字以上,我或许也可以用这种方法来坚持日更,不管是日记还是
随手记
,又或者看到书里电视里的精彩分享。
轻歌学写作
·
2024-02-13 01:40
vue3
composition api入门教程
我们使用vue自定义组件的时候,为了可以复用重复的功能代码时,提高代码的灵活性和可维护性,我们会把组件的逻辑抽离出来。虽然这样已经可以实现组件的复用,但是随着应用的复杂度组件增大,会对某一些方法进行功能迭代,这样对于那些新人,需要阅读旧的代码逻辑,对于开发不太友好。本文首发于前端开发指南,更多高质量文章可以前往查看,值得收藏!vuecompositionapi解决了什么问题?随着应用功能的持续迭代
imkelen
·
2024-02-13 00:26
Vue3
现在有多少种写法?
Vue3
中加入了响应式API,书写一个组件的方式又增加了几种。看看有什么不一样vue2和
vue3
都适用熟悉的模板.vue单文件自定义语法、插值、指令都可以使用。按照官网书写就不会有什么问题。
z_hboot
·
2024-02-12 23:21
【
Vue3
+Vite+TS】10.0 组件七:动态加载进度条
必备UI组件将用到的组件:Progress进度条组件设计新建src\components\baseline\progress\src\index.vueconstprops=defineProps({//说明:百分比,必填percentage:{required:true,type:Number,default:0,},//说明:进度条是否有动态效果isAnimation:{type:Boolea
bobokaka
·
2024-02-12 23:39
手动建立一个
Vue3
+TS+Vant3+Pinia的项目
1.node的版本至少16如果想升级稳定版node可以执行如下命令npminstall-gn--force安装最新的版本nlatest安装最近的稳定版本nstable2.搭建vitenpmcreatevite1666427720875.jpg3.安装pinianpmaddpinia@next挂载piniahttps://pinia.web3doc.top/这个是关于这个的官网具体方法可以详细了解这
涵子_
·
2024-02-12 19:36
Astro + NextUI 搭建个人博客(导航组件篇)
Astro简介由于我之前的个人博客是
Vue3
+Quasar+Koa+MySql搭建的,整体就是SPA的思路,作为练手倒是可以锻炼前后端各方面的能力。
·
2024-02-12 18:49
重温阿里云宝塔面板部署前后端项目
回到老家,便打算趁这一段空闲时间提升一下自己,重点是学习实践一下echarts相关内容,很多公司项目都需要实现可视化,所以在bilibili上找了黑马的一个教程开始学习,不同的是,他用的是vue2,我用的是
vue3
fc&&fl
·
2024-02-12 18:42
阿里云部署前后端项目
阿里云
云计算
随手记
会突然之间想起自己在年少时的一段经历,在刹那间看尽了人间的凉薄!现在想来,那竖起来的锋利的刺,都是从那时一点一滴竖起来的吧!眉头紧锁,也是从哪会儿开始就再也没再放开。几十年来,从人间走过,繁华落尽,看透世情,却,比年轻时更想做一个简单真诚的人!朋友总会说我:“爱憎分明不讨巧!”“我为什么要讨巧呢?生命这么短,我不讨好我自己?”恍恍惚惚已过半世,难道我还不做回自己吗?心直口快怎么了?爱憎分明又怎么了
胜利_10d1
·
2024-02-12 17:33
Taro+
vue3
+ template nut-ui 4.0 + pinia 的前端框架模板搭建
比如说:uni-appTaro京东框架去做这些前端需求2.介绍Taro①.项目的具体结构Taro框架中的目录结构大体上都是一样的page页面store②项目的store状态管理状态管理使用的是pinia
vue3
喝一杯维C
·
2024-02-12 14:53
taro
前端框架
不要小看碎片化
我把这种
随手记
录的行为称之为碎片化记录。当你每天坚持的时候,你甚至瞧不上这些微小的力量。这
April盼姐
·
2024-02-12 13:04
2019.7.22
随手记
炎炎夏日,出去溜了一圈,感觉要中暑了。汗流浃背,整个人都不好了。回到家,第一件事就是抱一个西瓜出来,分成三份,和爸妈一人拿一个勺开动。这时吹着凉风,吃着西瓜,觉得对是人间美味,享受至极!
Naomi梅_木禾
·
2024-02-12 09:05
项目实战——创建菜单与游戏页面(上)
目录PS:整篇文章全是实现前端的工作,如果大家不了解
vue3
,建议补一下前置知识~~一、整体框架二、实现导航栏三、导航栏中实现页面跳转四、实现地图五、实现墙体六、生成障碍物PS:整篇文章全是实现前端的工作
yan扬
·
2024-02-12 08:03
springboot项目
游戏
spring
spring
cloud
css
vue.js
配置git环境与项目创建
WebSocket协议)对局列表模块:对局列表界面、对局录像界面排行榜模块:Bot排行榜界面用户中心模块:注册界面、登录界面、我的Bot界面、每个Bot的详情界面前后端分离模式SpringBoot实现后端
Vue3
m0_59519985
·
2024-02-12 08:32
springboot
springboot
vue3
学习——路由进度条
安装pnpminprogress创建permission.tsimportrouterfrom'@/router/index.ts'importNProgressfrom'nprogress'import'nprogress/nprogress.css'//不加样式不显示NProgress.configure({showSpinner:false})router.beforeEach((to,fr
可乐KL
·
2024-02-12 06:39
vue3
学习
vue3
vue3
学习——router-view 过渡动画
虽然
vue3
说建vue页面不用包裹一个根节点,但是transition不能没有唯一的标签所以还是得包一层~o( ̄▽ ̄)o.el-main{/*渐变设置*/.MainFade-enter-from,.MainFade-leave-to
可乐KL
·
2024-02-12 06:39
vue3
学习
前端
vue3
vue3
学习——封装菜单栏
@/Layout/Sidebar/index.vueimportSidebarfrom'./Sidebar.vue'//在下面的代码里import{useRoute}from'vue-router'importuseUserStorefrom'@/store/modules/user.ts'//state中存放菜单数据importuseLayoutSettingfrom'@/store/modul
可乐KL
·
2024-02-12 06:06
vue3
学习
vue3
vue3
初识—知识总结
看了视频的总结视频的总结前端小野森森-1·2020-7-10
vue3
提供了compositionAPI
vue3
兼容vue2,在
vue3
中也可以使用vue2的optionsAPIsetup函数setup中不能使用
我就是你的语法糖️
·
2024-02-12 03:56
vue3
vue.js
elementui
javascript
vue3
初识
setup()使用setup函数时,它将接收两个参数:props无法解构2.contextref,toRefs/toReftoRefs()函数可以将reactive()创建出来的响应式对象,转换为普通对象,只不过这个对象上的每个属性节点,都是ref()类型的响应式数据toRefsconststate=reactive({foo:1,bar:2})conststateAsRefs=toRefs(st
达瓦利什
·
2024-02-12 03:56
vue
vue3
初识
目录一、前言二、主观感受三、
vue3
初探原文以及该系列教程文章后续可点击这里查看:vue初识一、前言Vue.js是一款流行的前端框架,最初由尤雨溪(EvanYou)于2014年创建,非常的年轻。
余识-
·
2024-02-12 03:26
vue
vue3
前端
node
npm
VUE3
之 组件传参
1.概述韦奇定律告诉我们:大部分人都很容易被别人的话所左右,从而开始动摇、怀疑,最终迷失自我。因此我们要努力的坚定信念,相信自己,才不会被周围的环境所左右,才能取得最终的胜利。言归正传,之前我们聊了组件的概念,既然有多个组件,那自然存在组件间传参的问题,今天我们就来聊聊VUE的组件传参。2.组件传参2.1初识组件传参constapp=Vue.createApp({template:``});app
追风人聊Java
·
2024-02-12 01:06
Fabric.js 将本地图像上传到画布背景
我会用原生的方法实现一次,然后再在
Vue3
+Element-plus环境下实现一次。最后聊聊我在真实项目中的做法。
德育处主任
·
2024-02-12 00:57
vue3
-应用规模化-单文件组件
单文件组件概念Vue的单文件组件(即*.vue文件,英文Single-FileComponent,简称SFC)是一种特殊的文件格式,使我们能够将一个Vue组件的模板、逻辑与样式封装在单个文件中。下面是一个单文件组件的示例:import { ref } from 'vue'const greeting = ref('Hello World!') {{ greeting }}.greeting {
王大可996
·
2024-02-11 22:53
vue3
vue.js
前端
javascript
vue
我与写作的故事——
随手记
(10.15)
虽然在高中时期,语文英语等文科成绩比较好,但是还是阴差阳错地选择了理科,最后读了理工科专业。大学期间,学的都是理工科专业知识,自己写作的次数也越来越少,渐渐就很少再提起笔来写点什么了。但是可能是刻在心底的对写作和读书的兴趣已经深深烙印,有时候在QQ空间写一些无病呻吟的文章还是能得到很多人的点赞。过了几年回头看的时候,觉得那时候写的太幼稚,就删的一篇不剩了。参加工作后,更是淹没在纷乱的工作与生活中,
等待弋多
·
2024-02-11 22:21
2022-09-18 “梅花”
随手记
班车师傅说,别上了,车满了!这…赶紧跑到另一辆车前,拍打车门给开开…目的地不对,不管怎样,先回到市区再说…堵车…一路的车尾红灯…挪啊挪…师傅熄了火等…前面的出租车开进深凹里了,卡住轮子动弹不得。班车师傅说,这个情况没有救援车,弄不出来…这个瓢泼大雨,救援车也来不了…只能搁这里了…往前过不去,往后倒不动…前面有人从车里钻出来…后面有人打伞往前走…司机师傅拿把伞,也下车了…推车…十来分钟的样子…男士们
AmyHu
·
2024-02-11 22:49
【
Vue3
.0】- Composition API
什么是CompsitionAPIVue.js3.0允许我们在编写组件的时候添加一个setup启动函数setup是CompositionAPI逻辑组织的入口Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactiv
啦啦啦喽啰
·
2024-02-11 21:57
亲子画画Day6‖持续行动,不完美又何妨
随手记
:小玥玥今天还在舅舅家,和兜兜乔乔一起玩耍,今天也是和兜兜一起画画哒!
奇思妙想的平行时空
·
2024-02-11 21:27
vue3
可视化大屏自适应屏幕组件
首先定义了一个名叫ScreenContainerOptions的组件,需要传的参数如下exporttypeScreenContainerOptions={width?:string|numberheight?:string|numberscreenFit?:boolean//是否开启屏幕自适应,不然会按比例显示}组件的主要代码如下onMounted(async()=>{awaitinitSize(
weixin_43160044
·
2024-02-11 20:09
Vue
前端
封装
vue3
可视化大屏
2024记录搭建
vue3
项目遇到的两个问题
一,用淘宝镜像https://registry.npm.taobao.org安装vue失败原因:证书过期npminstall-g@vue/clinpmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://registry.npm.taobao.org/@vue%2fclifailed,reason:c
·
2024-02-11 18:15
如何在
Vue3
中使用 JSX & TSX
首先,恭喜一下React,再过4个月,就达成了两年无更新记录反观隔壁的Vue,稳定迭代更新之前写React的时候,最喜欢的是JSX/TSX语法,把HTML组件当做JavaScript/TypeScript代码片段处理constApp:React.FC=({title})=>{const[count,setCount]=useState(0);//return({title}Youclicked{c
·
2024-02-11 18:53
vue 3 中使用 echarts
echarts功能很强大,但是要在
vue3
项目中使用,配置却有点麻烦,记录一下在
vue3
中使用,以后可以直接复制代码!
·
2024-02-11 18:35
npm之创建一个
vue3
项目
npm之创建一个
vue3
项目1、创建项目使用如下代码在命令行创建项目vuecreateqzzg-test1//进入模板选择VueCLIv4.5.13?
·
2024-02-11 18:50
前端node.jsvue.js
vue3
+ tsrpc +mongodb 实现后台管理系统
前言之前上线了一个vue后台管理系统,有小伙伴问我有没有后端代码,咱只是个小前端,这就有点为难我了。不过不能辜负小伙伴的信任,nodejs也可以啊,废话不多说,开搞!后端采用TSRPC框架实现API接口,前端采用vue-manage-system后台管理系统框架,数据库采用mongodb。TSRPC是专为TypeScript设计的RPC框架,经千万级用户验证。适用于HTTPAPI、WebSocke
·
2024-02-11 17:32
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他