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
插槽
插槽slot就是子组件提供给父组件使用的占位符,使用表示,可以填充任何模板代码插槽有匿名插槽,具名插槽,作用域插槽,动态插槽1.匿名插槽1.子组件创建插槽父组件使用插槽123或1232.具名插槽创建插槽使用底部或底部作用域插槽import{reactive}from"vue"typenames={name:string,age:number}constdata=reactive([{name:"唐
*郑*
·
2024-02-01 18:17
前端
vue.js
【vue】vue跑马灯vue-marquee-text-component
[email protected]
vue3
npminstallvue-marquee-text-component安装完成之后,vue页面全局引入
小墨鱼_z
·
2024-02-01 18:15
vue.js
javascript
前端
Vue3
中mitt使用
在
Vue3
中on,on,on,off和$once实例方法已被移除,在Vu3中可以使用Mitt库1.安装Mittnpminstallmitt-s2.main.ts全局挂载import{createApp}
*郑*
·
2024-02-01 18:45
前端
vue.js
javascript
前端
Vue2(十二):Vuex
一、Vuex1.Vuex的环境搭建1.1安装vuex安装:npmivuex@3注意Vue2一定要安装vuex3,如果是
vue3
可以直接npmivuex安装的是vuex4,可以去package.json文件里看下
Kiwi23333
·
2024-02-01 18:59
Vue
vue.js
前端
javascript
vue3
初体验-基于
vue3
+ant design封装公共弹框
parent.vueimport{defineComponent,reactive,ref}from'vue';importcustomMultipleModelfrom'/@/components/custonMultipleSelection/index.vue'exportdefaultdefineComponent({components:{customMultipleModel},set
温酒斟与你
·
2024-02-01 18:57
vue框架
前端开发
vue3.x试水
vue
前端框架
vue3
+ antd 封装动态表单组件(四)
传送带
vue3
+antd封装动态表单组件(一)
vue3
+antd封装动态表单组件(二)
vue3
+antd封装动态表单组件(三)前置条件vue版本v3.3.11ant-design-vue版本v4.1.1
guizi0809
·
2024-02-01 18:25
vue3
ant-design
vue.js
javascript
anti-design-vue
vue3
快速上手-
vue3
核心语法-做项目必备
1.
vue3
简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece
前端进阶中
·
2024-02-01 17:00
Vue3
vue
前端
vue.js
TS +
vue3
+ element-plus 分页组件封装
记录下封装分页组件的小坑,由于开始子组件使用的:current-page来绑定,切换页码的时候页码视图没有变化,导致以为是子组件无法监听到父组件的数据变化导致的,后面查看文档使用v-model="current_page"视图就可以变化了父组件import{onMounted,reactive,ref}from"vue";import{useUserList}from"@/store/userLi
Memory灬番薯
·
2024-02-01 17:59
vue3
vue.js
javascript
前端
Vue3
+TS+移动端-购物车实现详细步骤+项目优化
分析得到:因为购物车,在几个页面都是需要进行数据互通,主页面,商品页面,详情页面,三个不同的组件,要实现一个页面数据变化,另外页面数据跟着变化,那必须要使用vue中vuex,因为是
vue3
也可以使用piniavuex
前端进阶中
·
2024-02-01 17:59
Vue3
vue.js
前端
javascript
typescript
Vue3
项目封装一个Element-plus Pagination分页
前言:后台系统分页肯定是离不开的,但是ui框架都很多,我们可以定义封装一种格式,所有项目按到这个结构来做.实例:第一步:在项目components组件新建一个分页组件,用来进行封装组件.第二步:根据官方的进行定义,官方提供的这些,需要我们封装成动态模式第三步:代码改造import{ref,defineProps,defineEmits}from'vue'constprops=defineProps
前端进阶中
·
2024-02-01 17:59
Vue3
vue.js
前端
javascript
[N-136]基于springboot,vue在线聊天系统
开发工具:IDEA服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7系统分前后台,项目采用前后端分离前端技术:TypeScript+
Vue3
.0+ElementUI-Plus
IT教程资源_
·
2024-02-01 16:13
javaweb毕设成品项目
开发工具
源码下载说明
spring
boot
vue.js
后端
实现
vue3
响应式系统核心-shallowReactive
代码地址:https://github.com/SuYxh/share-
vue3
代码并没有按照源码的方式去进行组织,目的是学习、实现
vue3
响
Timer@
·
2024-02-01 16:06
你还不会手写
vue
吗
vue
前端框架
javascript
vue3
:中warch监听的几种写法
作用:监视数据的变化(和vue2中的watch作用一致)特点:
vue3
中watch只能监视以下四种数据:1、ref定义的数据2、reactive定义的数据3、函数返回的值(getter函数)4、前面3个内容的数组写法情况一监视
荀鼠不是鼠
·
2024-02-01 16:02
vue.js
前端
javascript
2022 新书《Vue.js 设计与实现》读书笔记
标题是“设计和实现”,这本书讲的都是
Vue3
的原理,如何设计的,以及如何通过代码实现最基本的功能。所以,看这本书必须要先熟悉
Vue3
应用,否则看起来会很被动。
姑老爷呀
·
2024-02-01 16:46
vue.js
javascript
react.js
Vuejs设计与实现2-响应系统
目录二、响应系统响应系统作用域实现非原始值的响应式方案合理的响应触发代理数组代理set与map第二章快速总结二、响应系统响应系统作用域实现响应式数据在
vue3
中使用proxy代理实现,基本原理:当读取操作发生时
Zhillery
·
2024-02-01 16:44
#
Vue
vue.js
javascript
前端
VUE3
-Cesium(entity、primitive总结及材质的修改)
目录0.Entity和Primitive概述1.entity材质修改1.1MaterialProperty方式修改材质1.1.1MaterialProperty方式设置材质1.1.2示例1-设置矩形材质:1.1.3示例2-设置折线材质:1.2通过自定义materialProperty更改材质(自定义着色器)2.primitive材质修改2.1appearance修改材质2.1.1appearanc
HM-hhxx!
·
2024-02-01 14:15
Cesium
vue.js
cesium
javascript
2024超火的写真打赏平台搭建教程源码分享
最近美女写真网站
搭建项目
火了,前两天,小编yangmaodian8还帮老板搭建了一套,老板佷满意把源码送给我了哈哈只收了他几百块原因无他:网上最大的流量是什么,相信几乎所有人都知道,那就是se流,不论多大岁数的男人都有一个共同点那就是
达建佳阿容yangmaodian8
·
2024-02-01 14:02
开源
html
前端
php
VUE3
新特性hook
什么是hook?——本质是一个函数,把setup函数中使用的CompositionAPI进行了封装,类似于vue2中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。下面举例说明在新建的hook文件夹下新建index.ts,定义了两个请求方法/**@description:自定义ts*@Author:yp*@Date:2024-01-27*@LastEditors:yp
前端你鹏哥
·
2024-02-01 14:16
javascript
前端
vue.js
vue2项目迁移到
vue3
中需要做什么处理
1.更改script标签为了方便写代码,在这里我们使用...标签2.定义变量的不同vue2中的data()内是用来定义变量的,如exportdefault{data(){return{ loginForm:{ username:"", password:"", code:"", rpassword:"" }, passwordType:"password"}}而在
前端你鹏哥
·
2024-02-01 14:46
vue2
vue3
vue.js
javascript
前端
vue3
.0组件传值
vue3
.0组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz
·
2024-02-01 14:45
vue3.0
javascript
vue.js
前端
Vue3
组件传值
文章目录
Vue3
组件传值一、父传子二、子传父三、兄弟传值(Bus)1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值
Vue3
组件传值提示:先了解defineProps
lucky_full
·
2024-02-01 14:45
Vue3
javascript
前端
vue.js
Vue3
使用dayjs以及dayjs日期工具类
Vue3
使用dayjs全局使用以及将dayjs封装为自己需要的日期工具类说明安装dayjs命令在main.js里面全局导入在vue模版中使用dayjs语法如下dayjs日期工具类说明这里记录下在
Vue3
谁不想飞舞青春
·
2024-02-01 14:08
前端
vue
javascript
前端
vue.js
Vue3
+vite搭建基础架构(1)---新建项目
Vue3
+vite搭建基础架构(1)---新建项目说明官方文档创建vite项目启动项目说明这里记录下自己用
Vue3
+vite的搭建过程,不使用ts语法,方便以后直接使用。
谁不想飞舞青春
·
2024-02-01 14:08
前端
vue.js
vue
前端
javascript
node.js
vite+
vue3
+vuex+element-plus项目搭建基础
npmcreatevite创建项目cd项目路径,进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件,所有的执行必须经过main.jsapp.vue根组件实例,挂载在index.html上每一个.vue组件都有三个顶层,template、script、style每一个组件中的变量,类名都是互不影响的,所以可以重复使用npmiaxios下载axios请求工具src下
燕燕的猪
·
2024-02-01 14:05
javascript
vue.js
前端
Vue3
+vite搭建基础架构(2)--- 使用Element Plus
Vue3
+vite搭建基础架构(2)---使用ElementPlus说明官方文档vite-demo目录结构说明安装ElementPlus安装命令使用ElementPlus组件组件显示语言为英文问题说明这里记录下自己在
谁不想飞舞青春
·
2024-02-01 14:02
前端
elementui
前端
vue.js
javascript
html5
web前端之若依
vue3
不能及时获取字典值的解决方案、二次封装若依自带的获取字典方法、watchEffect、watch
MENU前言watch和watchEffect的区别解决若依
vue3
不能及时获取字典值前言因为请求字典的过程是异步所以没能及时获取到字典数据watch和watchEffect的区别基本使用const{a_type
牧马人MJ682517
·
2024-02-01 14:32
JavaScript
web前端
vue3
javascript
前端
web
vue
vue3
报错解决:无法找到模块“xxx.vue”的声明文件 xxx隐式拥有 “any“ 类型
报错原因:typescript只能理解.ts文件,无法理解.vue文件解决方法:在项目根目录或src文件夹下创建一个后缀为XXX.d.ts的文件,并写入以下内容:declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdefaultcomponentOptio
影阴
·
2024-02-01 13:28
javascript
前端
vue.js
vue3
(ts报错):类型“string | undefined”的参数不能赋给类型“string”的参数。不能将类型“undefined”分配给类型“string”。ts(2345)
报错原因:在ts中对类型的要求很高需要转换为对应的类型解决方法:使用强制转换:String(报错的数据)
影阴
·
2024-02-01 13:28
vue.js
Vue3
中的watch函数使用
Vue2和
Vue3
中的watch函数作用是一样的,用来监测数据的变化并在数据变化时触发对应的回调函数,但Vue2和
Vue3
中的watch在使用的细节上有所不同,
Vue3
中的watch在监测reactive
iheliang
·
2024-02-01 12:33
vue.js
javascript
前端
前端支持下载模板、导入数据、导出数据(excel格式)
前言xlsx是由SheetJS开发的一个处理excel文件的npm库,适用于前端开发者实现下载模板、导入导出excel文件等需求,演示的项目的技术栈为
vue3
+elementPlus一.引入xlsx安装
念念不忘 必有回响
·
2024-02-01 11:32
日常问题记录
javascript
前端
vue.js
elementui
Vue3
中Pinia使用详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
目录一、pinia是干嘛的二、安装Pinia三、封装pinia四、定义store五、Store三个核心概念1、第一个核心概念State(1)使用state中的数据(2)直接修改state中的数据(3)$patch方法修改(4)$state()方法替换state(5)$reset()方法重置state2、第二个核心概念Getters(1)定义getters(2)页面中使用getters3、第三个核心
一只大黑洋
·
2024-02-01 11:56
vue.js
前端
javascript
vue3
[Vue warn]: Unhandled error during execution of scheduler flush
文章目录前言一、报错截图二、排除问题思路相关问题
Vue3
优雅解决方法异步组件异同之处:好处:在使用异步组件时,有几个注意点:
vue3
定义与使用异步组件总结前言Bug记录。
TE-茶叶蛋
·
2024-02-01 11:55
前端调试技巧
vue
vue.js
javascript
前端
解决:控制台使用nvm控制node版本时出现exit status 1与exit status 145
解决:控制台使用nvm控制node版本时出现exitstatus1与exitstatus145在
搭建项目
时,出现如图所示的问题:原因:status1是因为权限不足status145安装nvm或者node
蛞蝓不孤寡
·
2024-02-01 10:49
项目问题总结
node.js
node.js与express.js创建项目以及连接数据库
搭建项目
一、技术准备node版本:16.16.0二、安装node成功后,安装express,命令如下:npminstall-gexpress或者:npminstall--location=globalexpress
珊珊美眉
·
2024-02-01 10:00
nodejs
express
armbian ubuntu 小盒子安装nodejs npm
vue3
环境
1.直接通过apt-getinstallnodejs的版本太低了我的是v12我试了下npmcreatevue@latest这种方式不行所以就卸载了自动安装的nodejsaptremovenodejs去淘宝的ftp上下载对应的版本CNPMBinariesMirror我的小盒子是linuxarm64版本wget之后解压然后创建符号链接ln/home/QMCY/node/node-v20.11.0-li
QMCY_jason
·
2024-02-01 10:54
ubuntu
npm
linux
vue3
setup 中国省市区三级联动options最简洁写法,无需任何库
在写页面的时候,发现表单里面有一个省市区的options组件要写,因为表单很多地方都会用到这个地址选择,我便以为很简单嘛。虽然很简单的一个功能,但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的,但是我的项目并没有使用这些UI库,何况我只是想要拿到一个地址字符串而已,何必绑定UI库呢?1、地址三级联动制作思路思路其实很简单:1、一个地图json数据2、能够拿到省份、市、区的o
子伟-H5
·
2024-02-01 10:22
前端
网络
vue3
使用is动态切换组件报错Vue received a Component which was made a reactive object.
vue3
使用is动态切换组件,activeComponent用ref定义报错VuereceivedaComponentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead
前端路上迷茫的小鲨鱼
·
2024-02-01 09:29
前端
vue3
vue3
中多个表格怎么同时滚动并且固定表头
说明:这里需分为两种情况来做。第一种亲情况就是没有修改过el-table这个组件的样式;第二种情况就是修改过el-table组件的样式。第一种较为简单就简单略过,这里主要提及第二种做法。1.需求效果2.第一种没有修改过el-table这个组件的样式的做法(1)直接看大佬vue2的做法https://blog.csdn.net/z1761419224/article/details/12051084
℘团子এ
·
2024-02-01 08:18
vue3
vue.js
javascript
前端
极致呈现系列之:
Vue3
中使用Echarts图表初体验
目录Echarts简介Echarts提供的图表类型及其适用场景安装和使用Echarts安装Echarts引入并使用Echarts自定义图表将数据传递给Echarts处理Echarts库中的事件Echarts简介Echarts是一个基于JavaScript的开源可视化图表库,由百度开发和维护。它提供了多种类型的图表,包括折线图、柱状图、散点图、饼图、地图等,可以用于展示各种类型的数据。Echarts
九仞山
·
2024-02-01 08:51
Echarts
echarts
前端
javascript
vue.js
html5
《
Vue3
基础知识》 使用 GoGoCod 升级到
Vue3
+ElementPlus 适配处理
此篇为《Vue2+ElementUI自动转
Vue3
+ElementPlus(GoGoCode)》的扩展!
AvatarGiser
·
2024-02-01 07:21
《Vite
基础知识》
vite
vue.js
Spring Boot +
Vue3
实现七牛云大视频上传
在现代的Web应用中,文件上传是一个常见而重要的功能。本篇博客将介绍如何通过Vue.js和SpringBoot实现一个简单的视频上传功能,同时使用七牛云作为存储服务。1.前端实现(Vue.js)HTML模板选择宣传视频上传在这里,我们使用了ElementUI的上传组件,限制了文件类型为.mp4,同时只能上传一个文件。上传的具体实现逻辑在下面的JavaScript代码中。JavaScript代码im
ZKf30FkG
·
2024-02-01 07:16
前端
spring
boot
spring
boot
后端
java
【
Vue3
+TypeScript】快速上手_代码
目录001_写一个APP组件002_一个简单的效果003_setup概述004_setup的返回值005_setup与OptionsAPI的关系006_setup语法糖007_ref创建_基本类型的响应式数据008_reactive创建_对象类型的响应式数据009_ref创建_对象类型的响应式数据010_ref对比reactive011_toRefs与toRef012_computed计算属性01
开五档的蒙奇
·
2024-02-01 07:06
vue
vue.js
typescript
Vue3
-Composition-API(二)
一、computed函数使用1.computed在前面我们讲解过计算属性computed:当我们的某些属性是依赖其他状态时,我们可以使用计算属性来处理在前面的OptionsAPI中,我们是使用computed选项来完成的;在CompositionAPI中,我们可以在setup函数中使用computed方法来编写一个计算属性;如何使用computed呢?方式一:接收一个getter函数,并为gett
DustinWangq
·
2024-02-01 06:17
Vue
vue.js
javascript
前端
怎么使用cmd命令来进行Vue脚手架的项目搭建
前言使用vue
搭建项目
的时候,我们可以通过对应的cmd命令去打开脚手架,然后自己配置对应的功能插件怎么打开我们打开对应的cmd命令之后就开始进入对应的网站搭建vueui然后我们就打开对应的项目管理器来进行配置
菜鸟小木
·
2024-02-01 06:52
vue.js
javascript
ecmascript
vue3
el-table-column 使用tooltip
{{scope.row.dftParamVal}}
hzxOnlineOk
·
2024-02-01 05:21
vue
vue.js
javascript
ecmascript
最新最全的前端面试题集锦之
Vue3
.0 篇【干货满满】
该内容主要整理关于
Vue3
.0的相关面试题,关于Vue2的相关面试题请移步至:Vue全家桶篇,其他内容面试题请移步至最新最全的前端面试题集锦查看。
八了个戒
·
2024-02-01 04:38
Vue系列
前端面试
前端
vue
面试
react
Vue3
最新最全的前端面试题集锦之 Vue 全家桶篇(从基础到高级,最新最全最详细解答)
关于
Vue3
.0的相关面试题,请移步至
Vue3
.0篇查看。目录一、Vue经典面试题(附答案)1.什么是`MVVM`?2.`MVVM`和`MVC`区别?它和其它框架(`jQuery`)的区别是什么?
八了个戒
·
2024-02-01 04:08
前端
前端面试
Vue系列
vue
面试
js
vue.js
2024 高级前端面试题之 Vue 「精选篇」
Vue模块精选篇1.谈谈你对MVVM的理解2.谈谈你对SPA单页面的理解3.Vue2.x响应式数据原理4.
Vue3
.x响应式数据原理5.Vue中如何检测数组变化6.Vue中如何进行依赖收集?
八了个戒
·
2024-02-01 03:37
前端面试
面试宝典
Vue系列
vue.js
前端
javascript
面试
前端框架
vue3
vue3
中多语言切换vue-i18n
安装npminstallvue-i18n@next使用一.在src中创建i18n文件夹(文件名无所谓)在i18n下创建en.ts/jszh.ts/jsindex.ts/js分别写入下面代码en.ts/js//enexportdefault{message:{hello:'hello',name:'name'}}zh.ts/js//zhexportdefault{message:{hello:'你好
前端小趴菜05
·
2024-02-01 02:00
vue.js
javascript
前端
基于
vue3
element-plus 省市区联动组件
1、效果省份没选之前,市与区禁选,同理市未选择,区也是禁用的重新选择省,市与区的也会清空,同理重新选择市,区也会重置,完整代码地址选择的时候就是下面这样的2、主要逻辑代码html相关代码逻辑处理部分import{reactive,onBeforeMount,computed,watch}from'vue'importareaDatafrom'@/components/myArea/data/pca
ZL随心
·
2024-02-01 02:00
element-plus
vue.js
上一页
18
19
20
21
22
23
24
25
下一页
按字母分类:
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
其他