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
父组件传值给子组件+以及使用NModal组件
前言:我想实现表格中点击详情弹窗出一个表格展示该行详细信息。想着这个弹窗里用子组件展示。分担父组件下,怕代码过多。(使用NModal组件弹窗展示)等我一波百度,嗯,实现方法挺多嘛,什么refs什么的,看似条条大路通罗马,我一试,一试一条死路/(ㄒoㄒ)/~~,最后也没用到refs(我还是更倾向于用这个,毕竟vue2都是这样),一直说找不到$refs,我还去了解了底层**getCurrentInst
靠着蓝色背景幻想
·
2024-01-23 12:38
vue
typescript
ui
Vue3
+Ts:使用i18n实现国际化与全局动态下拉框框切换语言
Vue3
+Ts:使用i18n实现国际化与全局动态下拉框框切换语言一、下载依赖:二、创建ts文件并配置main.ts三,如何使用1.在中使用2.在setup中使用四、全局下拉框动态切换一、下载依赖:npminstallvue-i18n
靠着蓝色背景幻想
·
2024-01-23 12:38
vue.js
前端
javascript
typescript
前后端分离项目中实现图形验证码
本次我们通过springboot后端项目生成图形验证码,通过
vue3
前端项目来展示验证码;在
vue3
前端项目中新建一个Captcha.vue文件,用来展示图形验证码。新建一个springb
张乔24
·
2024-01-23 12:35
vue3
vue.js
前端
javascript
vue3
-组件基础
什么是组件组件允许我们将UI划分为独立的、可重用的部分,并且可以对每个部分进行处理。在实际应用中,组件常常被组织成层层嵌套的树状结构。定义一个组件我们一般会将Vue组件定义在一个单独的.vue文件中,这被叫做单文件组件(简称SFC):import { ref } from 'vue'const count = ref(0) 你点击了我 {{ count }} 下. .container
王大可996
·
2024-01-23 12:34
vue3
vue.js
javascript
前端
vue
Vue3
+Ts:实现paypal按钮
Vue3
+Ts:实现paypal按钮一、前端页面按钮实现第一步:下载paypal.js依赖第二步:引入要使用的vue页面,并调用。
靠着蓝色背景幻想
·
2024-01-23 12:34
typescript
javascript
vue.js
前端
npm
前后端分离,使用
vue3
整合SpringSecurity加JWT实现登录校验
前端使用
vue3
进行构建,用到了element-plus组件库、axios封装、pinia状态管理、Router路由跳转等技术。后端还是springboot整合springs
张乔24
·
2024-01-23 12:33
spring
boot整合第三方技术
vue.js
spring
boot
securtty
第五篇 部署
Vue3
开发的项目
1、背景说明完成
vue3
项目的开发之后,通过本地环境测试,后面就是生产环境的部署发布了,本文简单说明一下,如何在生产环境发布
vue3
的项目。
程序员爱技术
·
2024-01-23 12:20
Vue项目
java
服务器
myeclipse
Vue3
中使用hooks,hooks究竟是个啥?如何理解
2.
vue3
hooks2.1为什么
vue3
可以使用hooks因为vue2由选项式Api转为组合式Api。底层源码改了好多。组合式API的好处;就是在函数内可以使用声明周期。
呆呆呆呆梦
·
2024-01-23 09:40
Vue3
javascript
前端
react.js
npm install
vue3
-print-nb --legacy-peer-deps npm ERR!
npminstall
vue3
-print-nb--legacy-peer-depsnpmERR!codeCERT_HAS_EXPIREDnpmERR!
十一吖i
·
2024-01-23 08:27
npm
前端
node.js
Vue3
的ref和reactive
目录1、ref的基本使用2、reactive的基本使用3、ref操作dom4、ref与reactive的异同1、ref的基本使用ref创建数据可以是基本类型也可以是引用类型ref函数创建响应式数据,返回值是一个对象模版中使用ref数据,省略.value,js代码中不能省略获取ref创建数据的值要加上.value//ref函数创建响应式数据,返回值是一个对象//模版中使用ref数据,省略.value
诗霖雪
·
2024-01-23 07:23
vue笔记
vue.js
前端
javascript
速成版-带您2天学完
vue3
框架+Element-plus框架
Vue是渐进式的JavaScript框架,易学易用,性能出色,适用场景丰富的web前端框架,vue算是目前最火的web前端框架之一,使用vue可以提升开发体验。Vue组件可以按照两种不同的风格写,即选项式api和组合式api两种。目录一、vue开发准备1.1、安装vscode和node1.2、安装cli工具与创建vue项目1.3、创建一个vue项目(最新)1.4、Vue项目的目录结构二、vue基础
nuist__NJUPT
·
2024-01-23 06:45
Vue+React等前端框架
vue.js
前端
javascript
vue3
前端开发,如何引入element-plus前端框架及配置参数
vue3
前端开发,如何引入element-plus前端框架及配置参数!这是一个简单的教程,帮助大家快速在自己的项目中引入element-plus框架。主要是介绍的引入流程和参数的配置情况。
yrldjsbk
·
2024-01-23 06:10
elementPlus
前端框架
前端
vue.js
vue3
使用 echarts - 饼图、折线图
下载安装npminstall-Secharts使用饼图-带中心图形-graphic-elementsimport{onMounted,ref,reactive,unref,nextTick}from"vue";import*asechartsfrom"echarts";importcirclefrom"@/assets/panel/circle.png"importstarfrom'@/asset
浮桥
·
2024-01-23 06:06
echarts
前端
javascript
vue3
使用element plus树形选择器懒加载回显失败问题。
vue3
使用elementplus树形选择器懒加载回显时树形数据还未加载完成,回显时显示的的绑定值,不是要显示的名称。
浮桥
·
2024-01-23 06:36
vue.js
javascript
elementui
Vue3
新特性defineModel()便捷的双向绑定数据
官网介绍传送门配置要求:版本:vue>=3.4(必须!!!)配置:vite.config.js使用场景和案例使用场景:父子组件的数据双向绑定,不用emit和props的繁重代码具体案例代码实现父组件//子组件constshowDevice=ref(false)//控制子组件的显示和隐藏子组件//点击子组件就取消的按钮import{defineModel}from'vue'constmodel=de
珊珊而川
·
2024-01-23 05:34
vue.js
前端
Vue 兄弟组件通信
在
Vue3
中,以下是五种常用的方法来实现兄弟组件之间的通信:使用共享状态(SharedState):创建一个共享的数据仓库(store),可以使用Vuex或者
Vue3
的新特性CompositionAPI
珊珊而川
·
2024-01-23 05:34
vue.js
javascript
ecmascript
Vue 兄弟组件通信
在
Vue3
中,以下是五种常用的方法来实现兄弟组件之间的通信:使用共享状态(SharedState):创建一个共享的数据仓库(store),可以使用Vuex或者
Vue3
的新特性CompositionAPI
珊珊而川
·
2024-01-23 05:34
vue.js
javascript
ecmascript
【
Vue3
+Ts项目】硅谷甄选 — 菜单权限+按钮权限
一、菜单权限1.1路由拆分将项目路由拆分为:静态路由:login、404、home、screen异步路由:权限管理(包含三个子路由)、商品管理(包含四个子路由)任意路由:任意路由src/router/routes.ts//对外暴露配置路由(常量路由):全部用户都可以访问到的路由exportconstconstantRoute=[{//登录path:'/login',component:()=>im
唧唧bong_
·
2024-01-23 04:44
前端
javascript
vue.js
云风网(www.niech.cn)个人网站搭建(九)html静态菜单列表替换为接口请求动态数据
Reactreact中文文档,Web和原生交互界面的库Angularangular中文文档,构建未来的Web开发框架ElementPlus基于
Vue3
,面向设计师和开发者的UI组件库
niech_cn
·
2024-01-23 04:41
个人开发网站搭建
html
前端
tsconfig.json配置详解
使用vite创建
vue3
项目中会自动生成三个tsconfig相关的文件,分别是:tsconfig.json、tsconfig.node.json、tsconfig.app.json。
菊の物语
·
2024-01-23 03:02
json
javascript
前端
认识Typescript |
Vue3
源码举例
初次见面官方对其只用了一句话来描述TypeScriptisatypedsupersetofJavaScriptthatcompilestoplainJavaScript.Anybrowser.Anyhost.AnyOS.Opensource.大致意思为,TypeScript是开源的,TypeScript是JavaScript的类型的超集,它可以编译成纯JavaScript。编译出来的JavaScr
白茶_别事
·
2024-01-23 03:57
vue3
使用自定义组件内方法
重点使用defineExpose来导出方法//childimport{ref,Ref}from'vue'constprop:Ref=ref('child')constmethod=(val:string)=>{console.log(val)}defineExpose({prop,method,})//fatherimport{ref}from'vue'importchildfrom'./chil
秋色暮光
·
2024-01-23 02:50
vue.js
前端
javascript
vue3
如何使用自定义组件内的方法?
$refs.方法名的方式进行使用而在
vue3
中想使用自定义组件中的方法或者值时需要使用编译器宏将方法和值暴露出来具体说明看文档单文件组件|Vue.js示例:给子组件起个名字吧=>{{name}}import
日夜熬夜使我黑眼圈
·
2024-01-23 02:50
前端
javascript
vue.js
Vue3
组件库开发 之Button(2) 未完待续
Vue3
组件库开发之Button(1)中新建项目,但未安装成功ESLINT安装ESLINTnpminstalleslintvite-plugin-eslint--save-dev安装eslint后,组件文件出现错误提示添加第三方
土井塔克树1412
·
2024-01-23 02:14
javascript
开发语言
ecmascript
vue3
-vite前端快速入门教程 vue-element-admin
Vue3
快速入门学习初始化项目#创建项目npmcreatevite@latestmy-vue-app----templatevue#安装依赖npmi#运行npmrundev模板语法文本插值最基本的数据绑定形式是文本插值
O丶ne丨柒夜
·
2024-01-23 02:19
前端
vue.js
javascript
Vue3
相较于Vue2做出了那些改变
1.整体优化1.性能方面的提升1.1首次渲染更快1.2diff算法更快1.3内存占用更小2.更好的Typescript支持3.CompositionAPI(这是重点内容)2.项目搭建与Vue2
搭建项目
一样
xihuhu
·
2024-01-23 01:45
前端
vue-cli3
Vue 2和Vue 3的区别:迈向更强大的前端开发
在这篇博客中,我们将探讨Vue.js的两个重要版本:Vue2和
Vue3
之间的区别。我们将深入研究这两个版本的新功能、性能改进以及开发体验的变化。
沙尘暴炒饭
·
2024-01-23 01:15
vue.js
前端
javascript
「翻译」
Vue3
相比 Vue2 都有哪些优化?
在过去的一年中,Vue团队一直在研究Vue.js的下一个主要版本,我们希望在2020年上半年发布该版本。(在撰写本文时,这项工作仍在进行中。)Vue的新的主要版本的构想形成于2018年年末,当时Vue2的代码库已经两年半大了。在通用软件的生命周期中听起来可能并不长,但是在此期间,前端环境发生了翻天覆地的变化。有两个主要的因素促使我们开发(重写)Vue新的主要版本:首先是主流浏览器普遍支持了新的Ja
小生方勤
·
2024-01-23 01:15
vue
编程语言
python
人工智能
javascript
Vue 3的响应式框架:性能和开发效率的提升
Vue3
的响应式框架:性能和开发效率的提升本文介绍了
Vue3
响应式框架在性能和开发效率方面的提升。作为Vue.js框架的最新版本,
Vue3
引入了新的虚拟DOM算法,提高了渲染性能。
尘缘..
·
2024-01-23 01:15
前端
vue.js
前端
javascript
前端框架
vue3
相比vue2的效率提升
1、静态提升2、预字符串化3、缓存事件处理函数4、BlockTree5、PatchFlag一、静态提升在
vue3
中的app.vue文件如下:在服务器中,template中的内容会变异成render渲染函数
_处女座程序员的日常
·
2024-01-23 01:14
前端
vue
js
vue.js
前端
javascript
Vue3
相较于Vue2有哪些性能提升?
Vue3
相较于Vue2有以下性能提升:渲染性能提升:
Vue3
采用了重写的响应式系统,使用Proxy对象替代了Vue2中的Object.defineProperty,减少了getter和setter的开销
Gjing_123
·
2024-01-23 01:44
vue.js
javascript
typescript
.NET开源的简单、快速、强大的前后端分离后台权限管理系统
前言今天分享一款前端基于
Vue3
,后端基于.NET8开源的免费(MITlicense)、简单、快速、强大的前后端分离后台权限管理系统:中台Admin(Admin.Core)。
追逐时光者
·
2024-01-23 00:08
.NET
.NET
Core
开源项目
.net
开源
c#
使用Element-Plus 加载style
vue-chrome-extension简介chrome扩展开发插件基于
vue3
、ts、ElementPlus、Webpack5、axios、less开发支持content快速调用chrome对象及axios
wyg_031113
·
2024-01-22 23:03
javascript
elementui
vue3
自定义指令
在
Vue3
中,我们可以通过使用app.directive方法来定义自定义指令。下面是一个简单的例子:Hello
Vue3
!
我爱学习yq
·
2024-01-22 23:19
vue.js
javascript
前端
Vue3
实现el-table自动滚动
letcameraList=ref([]);consttableNode=ref(null);letscrollTableOne=ref("");constscrollTable=()=>{if(cameraList.value){tableNode.value=scrollTableOne.value.$refs.bodyWrapper.getElementsByClassName("el-sc
云隙阳光i
·
2024-01-22 20:42
vue.js
前端
javascript
vue3
-路由配置
进行路由配置import{createRouter,createWebHistory}from'vue-router'importLoginfrom'@/views/Login/index.vue'importLayoutfrom'@/views/Layout/index.vue'importCategoryfrom'@/views/Category/index.vue'importHomefro
是老虎是狮子不是大象
·
2024-01-22 17:59
vue
vue.js
前端
vue3
-吸顶导航
吸顶导航当滑动滚轮大于78px时,触发show样式//vueUse//y为滑动滚轮的距离import{useScroll}from'@vueuse/core'const{y}=useScroll(window)css设计
是老虎是狮子不是大象
·
2024-01-22 17:59
vue
vue.js
前端
javascript
vue3
完整的登录页面,element-plus
Createimport{ref,reactive}from'vue';importtype{FromItemRules,FormInstance}from"element-plus"//donotusesamenamewithrefinterfaceIform{user:string;password:string;}constforms=reactive({user:'',password:'
paul jeorgh
·
2024-01-22 17:28
vue.js
javascript
前端
elementui
html5
vue3
hooks的使用
vue3
借鉴reacthooks开发出了CompositionAPI,所以也就意味着CompositionAPI也能进行自定义封装hooks。
paul jeorgh
·
2024-01-22 17:28
javascript
前端
vue.js
vue3
-图片懒加载指令实现
图片懒加载:有些网站页面比较长,用户不一定访问到页面靠下面的图片,这类图片通过懒加载优化手段可以做到只有进入视口区域才发送图片请求指令用法//在图片img身上绑定指令,该图片只有正式进入到视口区域时才会发送图片网络请求使用Vueuse的一个函数来监听是否到达需要懒加载图片的位置,如果为true则发送图片请求import{useIntersectionObserver}from'@vueuse/co
是老虎是狮子不是大象
·
2024-01-22 17:28
vue
vue.js
前端
javascript
从争议到巅峰:
Vue3
的奇迹之旅 —— 从‘海贼王’到‘灌篮高手’的变革历程
Vue官方团队在2023年的最后两天发布了
Vue3
.4的版本命名为“SlamDunk”(灌篮高手)。
Vue3
自2020年发布,到目前为止已经有三年半的时间(想不到吧,
Vue3
已经发布了这么久了)。
程序员Sunday
·
2024-01-22 13:09
前端训练营
前端
vue
vue3
跨域请求及一些常用配置
在使用
vue3
开发的时候,总免不了做一些基础的配置。比如跨域配置,一些常用函数的封装等等。接下来,我就做一些自己在在开发中所运用到一些常用配置。
爱敲代码的小冰
·
2024-01-22 13:52
vue.js
前端
javascript
vue组件间通信
vue3
已不支持children获取子组件,从而获取子组件的属性和方法。
vue3
已不支持chil
程序员-小许
·
2024-01-22 12:08
vue.js
javascript
前端
微前端-无界wujie
主项目安装无界vue2项目:npmiwujie-vue2-S
vue3
项目:npmiwujie-
vue3
-S主项目main.js中引入无界importWujiefrom'wujie-vue2'const
前端大颖颖
·
2024-01-22 12:52
常见问题汇总
前端
前端框架
javascript
vite 创建项目流程 +
vue3
学习
1.创建vite项目cmd打开终端npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容:import{createRouter,createWebHashHistory}from"vue-router";constroutes=[{path:"/",redir
weixin_heye
·
2024-01-22 12:50
vue.js
javascript
前端
#2Vite+
Vue3
+SpringMVC前后端分离 解决跨域问题和session每次请求不一致问题
目录一、尝试通过配置请求头和响应头解决(跨域解决了,但session每次请求都不一致)1、axios配置2、后端过滤器配置3、问题复现4、尝试解决(失败)5、小结二、Vite配置Proxy代理解决跨域问题(本地环境)1、axios配置2、vite.config3、后端4、测试三、Nginx反向代理解决跨域问题(测试、生产环境)1、只需在nginx配置如下2、测试四、总结跨域常用解决方案包括:一、尝
wbzybfa
·
2024-01-22 11:16
SSM
vue3
java
spring
mvc
vue
nginx
#8Jenkins(Windows)管理Vite+
Vue3
工程
目录1、安装nodejs2、配置nodejs3、工程配置(非流水线模式)1、安装nodejs如果版本不兼容的,找到历史版本中与Jenkins版本相匹配的下载然后使用高级中的DeployPlugin安装即可NodeJS2、配置nodejsGlobalToolConfiguration下进行如下配置安装目录为当前Windows下已安装的nodejs的目录3、工程配置(非流水线模式)此处的配置跳过了检出
wbzybfa
·
2024-01-22 11:13
Jenkins
vue3
jenkins
运维
batch命令
前端上传图片至OSS
环境:
VUE3
+NODEJS16一、第一步肯定是引入依赖在package.json文件中的dependencies加上"ali-oss":"^6.17.1"如下代码所示://加入后的整体展示"dependencies
曾小白不想写SQL
·
2024-01-22 11:00
前端学习
前端
vue3
中Fragment特性的一个bug,需要留意的注意事项
vue3
中的Fragment模版碎片特性是什么,简单的理解就是template模板代码不在像vue2中那样必须在根节点在包裹一层节点了。
天渺工作室
·
2024-01-22 10:20
Vue3
vue3
Fragment
看
vue3
源码可以学到什么 : 二、Git Log规范
前言上篇中主要介绍了
Vue3
中Readme的相关内容。看完Readme文档,对
Vue3
的功能及特性有了解后可以开始准备有的放矢的深入源码了。
gamedilong
·
2024-01-22 08:55
上一页
29
30
31
32
33
34
35
36
下一页
按字母分类:
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
其他