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
+ tsrpc +mongodb 实现后台管理系统
前言之前上线了一个vue后台管理系统,有小伙伴问我有没有后端代码,咱只是个小前端,这就有点为难我了。不过不能辜负小伙伴的信任,nodejs也可以啊,废话不多说,开搞!后端采用TSRPC框架实现API接口,前端采用vue-manage-system后台管理系统框架,数据库采用mongodb。TSRPC是专为TypeScript设计的RPC框架,经千万级用户验证。适用于HTTPAPI、WebSocke
·
2024-02-11 17:32
【小编推荐②】Laravel10 +
Vue3
.0前后端分离框架通用后台源码
演示网址:https://download.notestore.cn/20231212/账号:admin密码:admin注意事项:后端项目部署,尽量用域名,不要用phpartisanserve,启用后端项目,否则会出现后台无法登录问题服务器环境:PHP8.2[已测]Mysql5.740[已测]目录结构:/backend(后端目录)/frontend(前端目录)/resource(资源目录,包含数据
·
2024-02-11 17:23
laravelvue3
vue3
+vite+element-plus(二)- 使用 vue-router
接口获取路由结构安装依赖npmivue-router有时候我们需要从接口获取路由树结构,使用addRouter动态生成路由配置。我们先创建一个静态文件,模拟接口返回的路由树结构。新建文件src/router/config.ts//src/router/config.tsconstrouterList=[{pageCode:'home',pageName:'首页',pageType:'page',}
·
2024-02-11 17:18
vue3vue-router
vue3
.0运行报错
Node.js17版本opensslErrorStack:[‘error:03000086:digitalenveloperoutines::initializationerror’]报错描述D:\workspace\ideaproject\RuoYi-Cloud\ruoyi-ui>
[email protected]
小刘今天你改bug了吗
·
2024-02-11 15:44
webpack
前端
javascript
vue3
(笔记)
---相当于beforeCreate,create生命周期reactive–定义状态对象形式响应式原理toRefs—Pinia(只有state、getters和actions)更加简洁的语法,完美支持
Vue3
友人!
·
2024-02-11 15:05
笔记
vue3
的生命周期
文章目录一、生命周期1.1、`vue2`生命周期1.1.1、`vue2`生命周期分类1.2、`
vue3
`生命周期1.2.1、`setup()`1.2.2、`onBeforeMount()`1.2.3、`
小马甲丫
·
2024-02-11 14:58
#
vue3
#
vue
前端
javascript
vue
vue3
[网站开发] 创建
Vue3
项目及错误解决
创建
Vue3
项目(前端)Vue官方文档:https://vuejs.org/Vuejs.org中文版Vue网站进入官网后默认是
Vue3
版本的,可以自己从文档/Docs中找Vue2版本的.安装前准备熟悉命令行
YuanDaima2048
·
2024-02-11 13:22
工具使用
前端
npm
node.js
vue
vue.js
笔记
vue项目安装element
/assets/iconfont/iconfont.css'Vue.use(elementUI)现在
vue3
项目安装element-plus1、安装npminstallelement-plu
叽里咕噜咕噜
·
2024-02-11 12:26
vue3
.0中的双向数据绑定方法
1.为什么要替换Object.defineProperty替换不是因为不好,是因为有更好的方法使用效率更高Object.defineProperty的缺点:1.在Vue中,Object.defineProperty无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。push()pop()shift()unshift()splice()sort()reverse()目前只针对
为光pig
·
2024-02-11 11:43
Element+
vue3
.0 tabel合并单元格span-method
Element+
vue3
.0tabel合并单元格span-method:span-method="objectSpanMethod"详解:在objectSpanMethod方法中,rowspan和colspan
下一站丶
·
2024-02-11 11:46
element-ui
elementui
vue.js
尚硅谷
Vue3
入门到实战,最新版
vue3
+TypeScript前端开发教程笔记
1.
Vue3
简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece
Labeex
·
2024-02-11 11:15
前端学习
typescript
笔记
javascript
vue
尚硅谷
Vue3
+TypeScript 学习笔记(下)
目录五、组件通信5.1.【props】5.2.【自定义事件】5.3.【mitt】5.4.【v-model】5.5.【$attrs】5.6.【$refs、$parent】5.7.【provide、inject】5.8.【pinia】5.9.【slot】1.默认插槽2.具名插槽3.作用域插槽六、其它API6.1.【shallowRef与shallowReactive】shallowRefshallow
编程抗氧化
·
2024-02-11 11:44
#
Vue
typescript
学习
笔记
vue
vue3
props
组件通信
轮播图的五种写法(原生、vue2、
vue3
、react类组件,react函数组件)
本文使用原生、vue2、
vue3
、react类组件,react函数组件五种写法实现了简单的轮播图效果,需要更多轮播效果需要再增加样式或者动画。
前端fighter
·
2024-02-11 06:09
react.js
前端
前端框架
0205
随手记
今天是大年初一,就干了一件事,吃吃不停的吃东西。中午包了一个多小时的饺子。276个饺子,哈哈,我的记忆力是不是很棒呢。中午太阳出来了,阳光洒满大地,晒晒太阳好舒服,我端了一个小板凳,就坐在院子里晒着太阳睡着了,其实睡没有多久,但睡得很香。睡了一小会儿,有推荐流浪地球的原著,于是打开看了,字数不多,2万多字,大概用时在半个小时左右。流浪地球这本书很是精炼,此时需要你打开脑洞,用力想象(超喜欢看科幻片
安晞晞
·
2024-02-11 06:06
关于如何调试
vue3
源码
前端调试调试vue源码调试vue源码基础配置{"version":"0.2.0","configurations":[//vue源码{"type":"chrome","name":"test","url":"http://localhost:8080","request":"launch","webRoot":"${workspaceFolder}",}]}gitclonehttps://gith
Young soul2
·
2024-02-11 03:21
前端基础
前端
javascript
vue.js
2018/12/02
随手记
录
随手记
录01生活生活,每个人都在生活,每个人都在长大我所理解的生活,是最本质的一些东西每日坚持自己去做自己想做的事情,做让自己开心的事情还有未来的选择,这些都是生活,我所理解的生活02技能我最优秀的技能莫过于
徐忠韬
·
2024-02-11 02:36
VUE3
(十二)provide和inject函数
没错,这套逻辑在
vue3
中同样适用,这两个选项变成了两个方法。provide允许我们向当前组件的所有后代组件,传递一份数据,所有后代组件能够通过inject这个方法来决定是否接受这份数据。大致的示
camellias__
·
2024-02-11 02:56
vue3
源码解读--组件更新
目录vue2源码
vue3
源码示例源码组件更新的前提是依赖能被正确收集到,经过上一节分析,我们知道trackEffects正是来做这件事情的,故将代码定位于此。核心看其收集的对象是谁。
习惯水文的前端苏
·
2024-02-11 01:15
尚硅谷
Vue3
+TypeScript 学习笔记(中)
目录三、路由3.1.【对路由的理解】3.2.【基本切换效果】3.3.【两个注意点】3.4.【路由器工作模式】3.5.【to的两种写法】3.6.【命名路由】3.7.【嵌套路由】3.8.【路由传参】query参数params参数3.9.【路由的props配置】3.10.【replace属性】3.11.【编程式导航】3.12.【重定向】四、pinia4.1【准备一个效果】4.2【搭建pinia环境】4.
编程抗氧化
·
2024-02-10 21:03
#
Vue
typescript
学习
笔记
pinia
vue3
vue
路由
尚硅谷
Vue3
+TypeScript 学习笔记(上)
目录一、创建
Vue3
工程1.1.【基于vue-cli创建】1.2.【基于vite创建】(推荐)1.3.【一个简单的效果】二、
Vue3
核心语法2.1.
编程抗氧化
·
2024-02-10 21:32
#
Vue
typescript
学习
笔记
vue
vue3
vue.js
setup
2022-04-28
vue3
中使用ref、reactive、watch监听器,计算属性2、组件之间传值使用provide和inject
菜包
·
2024-02-10 21:32
4. TypeScript
1TypeScript介绍2TypeScript常用类型2.1类型标注的位置2.2字符串、数字、布尔类型2.3字面量类型2.4interface类型2.5class类型Vue1:基础跟使用方式Vue2:路由方面
Vue3
it优质男
·
2024-02-10 19:53
java
前端
typescript
javascript
前端
使用vitepress构建组件库文档
建立在Vite而非Webpack上,因此启动时间,热重装等更快使用
Vue3
来减少JS的有效负载轻量级Vitepress能够实
m0_67401920
·
2024-02-10 18:58
前端
html
小程序
前端
vue.js
使用vue-client-only 解决组件不兼容SSR问题
目录前言一、解决方案1.基于Nuxt框架的SSR应用2.基于vue2框架的应用3.基于
vue3
框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能,在引入组件后直接客户端跳转
富朝阳
·
2024-02-10 18:20
Vue
vue.js
SSR
vue
ssr
NUXT
SSR
vue不兼容SSR
vue3
之 通用组件统一注册全局
components/index.js//把components中的所组件都进行全局化注册//通过插件的方式importImageViewfrom'./ImageView/index.vue'importSkufrom'./XtxSku/index.vue'exportconstcomponentPlugin={install(app){//app.component('组件名字',组件配置对象)
jiojio冲冲冲
·
2024-02-10 18:49
vue3
vue.js
javascript
前端
vue
vue3
之 Pinia数据持久化
持久化用户数据说明1️⃣用户数据中有一个关键的数据叫做token(用来标识当前用户是否登陆),而token持续一段时间才会过期2️⃣Pinia的存储是基于内存,刷新就丢失,为了保持登陆状态就要做到刷新不丢失,需要配合持久话进行存储实现效果操作state时自动把用户数据在本地的localStorege也存一份,刷新的时候会从localStorege中先取出运行机制在设置state的时候会自动把数据同
jiojio冲冲冲
·
2024-02-10 18:49
vue3
vue.js
javascript
前端
vue3
pinia
vue3
之 商城项目—详情页
整体认识路由配置准备组件模版">首页母婴跑步鞋抓绒保暖,毛毛虫子儿童运动鞋销量人气100+销量人气商品评价200+查看评价收藏人气300+收藏商品品牌信息400+品牌主页抓绒保暖,毛毛虫儿童鞋好穿200100促销12月好物放送,App领券购买直降120元服务无忧退货快速退款免费包邮了解详情加入购物车商品详情白色纯棉.xtx-goods-page{.goods-info{min-height:600
jiojio冲冲冲
·
2024-02-10 18:19
vue3
javascript
前端
vue
element
vue3
之 商城项目—登陆
整体认识登陆页面的主要功能就是表单校验和登陆登出业务路由配置模版小兔鲜进入网站首页账户登录我已同意隐私条款和服务条款点击登录关于我们帮助中心售后服务配送与验收商务合作搜索推荐友情链接CopyRight©小兔鲜儿.login-header{background:#fff;border-bottom:1pxsolid#e4e4e4;.container{display:flex;align-
jiojio冲冲冲
·
2024-02-10 18:48
vue3
javascript
前端
css
vue3
element
ESlint配置
//.eslintrc.jsmodule.exports={root:true,env:{node:true},extends:['plugin:vue/
vue3
-essential','@vue/standard
折花_
·
2024-02-10 18:08
写作,我能月入过万,你也能!教你写作干货!
其实那篇随笔可以说没什么实质性的内容,我当时只是很开心,就
随手记
录一下,当然写的时候,我也用了一点小心思,用来验证我的一些猜想,这篇文章的后面我会指出来和大家说一下。
真明了
·
2024-02-10 14:58
vue3
引入oss-ali和elementplus上传封装组件方法 2024年小白一看就懂
@TOC效果图导入oss模块npminstallall-oss--save在
vue3
组件中引入oss对象,在需要上传文件的vue组件中,引入oss对象,并设置相关配置项。
可口可乐Vip
·
2024-02-10 13:01
前端
vue3
vue.js
javascript
ecmascript
vue3
中的watch
vue3
中的watch监听属性watch接收两个参数,第一个参数是监听的属性,多个属性可传入数组,第二个参数是一个回调函数,回调函数有两个参数(newVal,oldVal);当watch的第一个参数是一个数组时
杨羊羊杨
·
2024-02-10 13:29
vue3
项目中如何实现模块的自动导入
vue2和
vue3
一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续繁琐代码的书写结构。
开心点啦.
·
2024-02-10 12:08
前端
javascript
vue.js
vue3
源码解析之Reactive实现的原理
第一节:
vue3
响应式的API;reactive(响应):shallowReactive(浅响应):readonly(只读):shallowReadonly(浅的只读),浅相当于第一层。
h960822
·
2024-02-10 12:49
vue.js
javascript
前端
vue3
.0 和 2.0的差异
对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
前端大镖客_
·
2024-02-10 11:24
Vue-56、Vue技术路由的使用
2、前端路由:key是路径,value是组件1、基本使用vue-router3只能在
vue3
中使用vue-router3才能在vue2中使用1、vue2安装npmivue-router@3或者cnpmivue-router
一叶飘零晋
·
2024-02-10 10:34
vue
vue.js
前端
javascript
uniapp 全局引入vant 组件库
vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+
vue3
二、通过npm安装vant
vue3
项目,安装最新版Vantnpmivantvue2项目,安卓vant2npmivant
冷七七-
·
2024-02-10 10:52
uni-app
vue
1024程序员节
vue3
踩坑之作用域插槽的使用,以及
vue3
和vue2中作用域插槽的对比和使用
项目场景:在系统后台开发中,前端需要对后端返回数据进行处理,比如说,用户角色、付款方式等等,而返回的这些数据里面通常是数字来表示相关的角色和身份,如:1表示管理员,2表示用户;又比如说1表示支付宝支付,2表示微信支付,3表示银行卡支付。页面上渲染出数据是数字的形式,但对用户来说其实这种方式并不具备明显的指代意义,所以为了实现更好的用户体验,前端会使用作用域插槽对该数据进行处理,实现与用户之间更好的
我也想做全栈一霸!
·
2024-02-10 10:20
前端
vue.js
elementui
Vue如何实现不同登录方式的切换(账号密码登录、邮箱验证登录等)
文章目录前言一、使用vue开发框架的时候,无论是vue2或是
vue3
,都会运用到elementui组件库或是element-plusui组件库,所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入
我也想做全栈一霸!
·
2024-02-10 10:49
前端
vue.js
elementui
如何使用Element Plus 提供的Icon图标库
文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用
vue3
开发的时候,使用element-plusUI组件库的时候,发现不能像之前vue2时候使用的那么方便了,需要单独引入和使用
我也想做全栈一霸!
·
2024-02-10 10:49
前端
vue.js
elementui
vue3
集成bpmn
文章目录前言一、依赖二、汉化配置1.引入文件2.样式文件总结前言
vue3
集成bpmn配置工作流一、依赖"bpmn-js":"^7.3.1","bpmn-js-properties-panel":"^0.37.2
快乐的木子李
·
2024-02-10 08:51
#
工作流
技术栈
java
前端
javascript
铱塔 (iita) 开源 IoT 物联网开发平台,基于 SpringBoot + TDEngine +
Vue3
01铱塔(iita)物联网平台铱塔智联(open-iita)基于Java语言的开源物联网基础开发平台,提供了物联网及相关业务开发的常见基础功能,能帮助你快速搭建自己的物联网相关业务平台。铱塔智联平台包含了品类、物模型、消息转换、通讯组件(mqtt/EMQX通讯组件、小度音箱接入组件、onenetStudio接入组件)、modbus透传接入、云端低代码设备开发、设备管理、设备分组、规则引擎、第三方平
AIoT科技物语
·
2024-02-10 07:33
开源
物联网
spring
boot
tdengine
后端
Vue3
使用vant检索组件van-search的坑
当清空按钮与检索按钮同时居右时,点击clear清空按钮事件时会同时触发click-right-icon事件,如下配置:onClickSearch(true)"@click-right-icon="onClickSearch()">建议检索按钮放到左侧,防止与清空按钮出现同一侧。且清空按钮点击无效,层叠样式排版有问题,需重新使用样式更改位置偏移.van-field__body{.van-field_
杀猪刀-墨林
·
2024-02-10 06:18
#
Vue3
vue.js
前端
javascript
vant
vue3
-内置组件-Teleport
Teleport是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的DOM结构外层的位置去。基本用法有时我们可能会遇到这样的场景:一个组件模板的一部分在逻辑上从属于该组件,但从整个应用视图的角度来看,它在DOM中应该被渲染在整个Vue应用外部的其他地方。这类场景最常见的例子就是全屏的模态框。理想情况下,我们希望触发模态框的按钮和模态框本身是在同一个组件中,因为它们都与组件的开关状态有
王大可996
·
2024-02-10 06:59
vue3
vue.js
前端
javascript
vue
router路由跳转的两种模板2.0版本
router.push('/home');};由于上一个版本,没有导入全局组件的小伙伴,可能用不了第二套模板(上面那套代码)直接调用router库中的push方法,这边提供一套全新的版本用不来的原因是没添加进全局组件(
vue3
用键盘当武器的秋刀鱼
·
2024-02-10 02:44
java
前端
服务器
极其抽象的路由
$router.push('/home');};时代变了,在查询了各种资料后,这玩意是vue2的产物,让我们拥抱,
vue3
吧。。。
用键盘当武器的秋刀鱼
·
2024-02-10 02:44
前端
服务器
javascript
学习
Vue3
的第一天
创建
Vue3
工程前提条件基于vue-cli创建(不推荐)基于vite创建(推荐)通过CDN使用Vue代码示例简介什么是Vue?
世俗ˊ
·
2024-02-10 01:04
Vue
学习
vue.js
保姆级教程 从零配置nodejs环境并用命令行创建基于
vue3
的uniapp项目+Webstorm配置uniapp
本教程后面部分(用命令行创建基于
vue3
的uniapp项目+Webstorm配置uniapp)适合习惯使用vscode或Webstorm等(或者说不习惯HBuilderX)的人参考,如果习惯使用HBuilderX
tepkco
·
2024-02-10 00:16
uni-app
webstorm
ide
vue.js
node.js
vue3
的vite配置
使用Vite快速构建
Vue3
+ts+pinia脚手架使用Vite快速构建
Vue3
+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2
A-超
·
2024-02-10 00:16
vue.js
解决
Vue3
+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白
报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrou
写BUG的一枚好手
·
2024-02-10 00:14
Vue
Vite
nginx
javascript
前端
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
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
其他