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
之hello world
、前期准备vue环境搭建https://mp.csdn.net/mp_blog/creation/editor/135712083书接上回我们学习了搭建环境和创建vue项目,在桌面上创建了hello_
vue3
<有心人>
·
2024-01-27 13:14
vue.js
前端
javascript
嘿嘿,vue之输出土味情话
lovetalk.vue:获取一句土味情话{{link.title}}import{reactive}from'vue';//导入
Vue3
的reactive函数,用于创建响应式数据importaxiosfrom"axios
<有心人>
·
2024-01-27 13:14
vue.js
javascript
前端
笔记
Vue3
之setup
一、Option和Composition首先,我们来谈谈vue的两种风格,vue2的API是Option(选择)风格,
vue3
的API是Composition(组合)风格。
<有心人>
·
2024-01-27 13:11
前端
javascript
开发语言
笔记
vue3
预览pdf文件的几种方法
文章目录
vue3
预览pdf集中方法方法一:方法二:展示效果:需要包依赖:代码:方法三:展示效果:需要包依赖:代码:自己调参数,选择符合自己的
vue3
预览pdf集中方法方法一:iframe:这种方法显示有点丑方法二
夜空孤狼啸
·
2024-01-27 12:05
JavaScript
Vue
前端技巧方法
pdf
vue3
+vite中如何打包添加随机号解决页面缓存更新不及时问题
问题:公众号h5页面调整后存在缓存问题,只有点击右上角三个点点里刷新才会更新修改后的内容。解决:给打包的文件添加时间戳使客户端强制拉取最新的文件(推荐)vite配置官方文档import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'const**Timestamp**=newDate
爱吃爱喝
·
2024-01-27 12:01
缓存
javascript
vue.js
vue3
格子表单GRID-FORM | 嵌套子表单与自定义脚本交互
格子表单/GRID-FORM已在Github开源,如能帮到您麻烦给个星GRID-FORM系列文章基于
VUE3
可视化低代码表单设计器嵌套表单与自定义脚本交互新版本功能不觉间,GRID-FORM已经开源一年
集成显卡
·
2024-01-27 12:28
低代码/Low-Code
前端
低代码
数据可视化
表单工具
Vue2跟
Vue3
的对比
在Vue.js的演进过程中,Vue2.x是主要的版本,而
Vue3
.x是最新的版本。
Vue3
.x于2020年9月正式发布,与Vue2.x相比,它带来了许多重要的改进和新功能。
跟Bug双向奔赴
·
2024-01-27 12:58
vue
vue.js
前端
javascript
vue2
vue3
各传值汇总
序:vue最常见的,容易为难新手的,应该就是组件间的传参的,所以本次笔记就记录下传参,顺带也记录下vue2吧一、
vue3
1、父传子父组件atherTitle,fatherMoney,fatherWifi
MoXinXueWEB
·
2024-01-27 11:19
vue
vue.js
javascript
前端
vue3
中页面传参汇总
最近协助前端写vue页面时,需要几个传参问题随之记录下1、上个页面js跳转页面传参查看详情//跳转详情页functiongoDetail(id){router.push({peth:`/finance/detail/${id}`,});}路由需修改成地址后跟冒号+id,即:id{path:"/finance/detail/:id",component:()=>import("@/views/ass
吱吱喔喔
·
2024-01-27 11:47
前端
#
vue
vue.js
javascript
ecmascript
Could not resolve “./lib-cov/fluent-ffmpeg“ from “./lib-cov/fluent-ffmpeg?commonjs-external“
背景我在Electron+Vite+
Vue3
的桌面app中,Electron环境下使用到了fluent-ffmpeg。
qq_43478653
·
2024-01-27 09:12
Web
ffmpeg
Vue3
源码解读之runtime(上)
前言上一篇文章,我们提到packages中核心的源码主要分为三部分,接下来我们就开始阅读runtime部分的代码createApp(App).mount('#app')接下来我们就以入口文件中的这行代码开始来一步步深入初始化上一篇文章中我们提到vue主入口文件中,引入导出了runtime-dom和compiler,而createApp就是来自runtime-dom//packages/runtim
Refrain37
·
2024-01-27 09:42
【
Vue3
】指令(Directives)的运用
简言
vue3
的指令是其核心内容之一,在此做下总结。directives指令是带有v-前缀的特殊attribute。Vue提供了许多内置指令,例如:v-bind、v-html等。
ZSK6
·
2024-01-27 09:36
vue3
vue.js
javascript
前端
HarmonyOS自定义弹出对话框CustomDialog并传递变量
HarmonyOS定义了一系列弹窗反馈类的组件和前端开发框架
VUE3
配套生态库elementplus中的提供各种组件相比,还是要少一些。
尘烟生活家
·
2024-01-27 09:03
HarmonyOS
应用开发实战
harmonyos
华为
VUE3
+Element-plus中el-form的使用
目录实现效果关键点完整代码增加表单项的校验规则实现效果Element-plus使用el-form必须配置ref和model属性,二者的值不能相同(在ElementUI中是可以相同的)。ref的值在声明的时候要引入FormInstance,这个又必须在script中声明lang为ts,不能使用js。这样就必须引入对ts的支持step1:安装vue-loader和vue-template-compil
尘烟生活家
·
2024-01-27 09:03
VUE3+element
plus实战
vue.js
javascript
前端
vue3
父组件通过ref获取子组件的属性方法的步骤:
1.父组件通过ref注册子组件import{onMounted,onBeforeMount,onBeforeUnmount,onUnmounted,ref,watch,computed}from'vue'importSonfrom'@/components/Son.vue'//声明子组件refconsthello=ref(null)onMounted(()=>{//ref属性的调用要想访问子组件的
张滚滚QAQ
·
2024-01-27 08:43
vue.js
javascript
前端
Vue3
中的ref和shallowRef、reactive和shallowReactive
一:ref、reactive简介ref和reactive是
Vue3
中定义响应式数据的一种方式。ref通常用来定义基础类型数据。reactive通常用来定义复杂类型数据。
爱吃猪蹄_
·
2024-01-27 08:09
vue.js
前端
javascript
vue3
中ref和reactive的区别
大家都知道
vue3
在9月18号晚上发布了,在
vue3
中对响应式数据的声明官方给出了ref()和reactive()这两种方式,今天我们来聊聊两种定义定义数据方式有什么不同WeChatf451688255772765522a02ecbf7b1d93
可地出溜
·
2024-01-27 07:16
vue3
+echarts绘制某省区县地图
vue3
+echarts绘制某省区县地图工作中经常需要画各种各样的图,echarts是使用最多的工具,接近春节,想把之前画的echarts图做一个整合,方便同事和自己随时使用,因此用
vue3
专门写了个web
栀椩
·
2024-01-27 07:53
web开发
地图接口访问开发
echarts
前端
javascript
前端
工程化
之:CSS
工程化
+Less
一、什么是Less?Less官网Less中文网Less是一种更加简洁的样式代码,它非常像CSS,但又不太一样,它让编写样式变得更容易。Less代码虽好,但它无法被浏览器识别,因此需要一个工具将其转换为纯正的CSS代码。由于node环境具有读写文件的能力,于是在node环境中可以轻松的完成文件的转换。npm上有一个包叫做less,它运行在node环境中,通过它可以完成对Less代码的转换。下面是CS
小李老笨了
·
2024-01-27 06:58
前端工程化
前端
css
less
html
npm create
vue3
项目特别慢
Failedtocheckforupdates,还特别慢,等了好久都创建不好查看npmconfiggetregistry更换npm镜像npmconfigsetregistry=https://registry.npmmirror.com这样创建
vue3
吃一口你的梦。
·
2024-01-27 06:24
npm
前端
node.js
vue.js
vue3
-深入组件-组件 v-model
组件v-modelv-model可以在组件上使用以实现双向绑定从
Vue3
.4开始,推荐的实现方式是使用defineModel()宏:const model = defineModel()function
王大可996
·
2024-01-27 06:22
vue3
vue.js
javascript
前端
vue
vite+
Vue3
技术栈项目- 解决跨域配置代理
vite+
Vue3
技术栈项目-解决跨域配置代理1.跨域问题引入2.解决跨域编码:3.更改后端请求:4.编码测试OK1.跨域问题引入我的前端项目启动,是http://127.0.0.1:3000需要访问的后端接口是
SpringSir
·
2024-01-27 06:43
TypeScript
web项目开发
编码技巧
前端
vue.js
typescript
Vite+
Vue3
使用Vue-i8n笔记
一、下载依赖vue-i18nyarnaddvue-i18n创建存放语言文件的目录以及配置文件的配置我是在src/lang新建index.ts、cn.ts、en.ts以及test文件夹其中再分别新建cn.ts以及en.ts/lang/index.ts用于导出vue-i18n需要的配置对象importenfrom"./en.ts";importzhfrom"./cn.ts";constmessages
躺平阿福
·
2024-01-27 06:11
Vue3学习记录
工作记录
vue.js
笔记
javascript
安装vue devtools及常见问题
网盘中包含vue2和
vue3
的devtools安装工具,根据项目需要选择使用,不能同时安装两个devtools到浏览器上极简插件下载下载链接:htt
员宇宙
·
2024-01-27 04:17
vue.js
前端
javascript
【Uni-App】Vuex在
vue3
版本中的使用与持久化
Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据,可以有效减少使用组件传参出现的问题。基本元素:store(里面存数据),mutation(里面修改数据),action(里面异步调用mutation来修改数据),getter(获取数据)以下是一个表示“单向数据流
RisunJan
·
2024-01-27 03:56
Uni-app
uni-app
vue
Vite+Electron快速构建一个
VUE3
桌面应用(一)
一.简介首先,介绍下vite和Electron。Vite是一种新型前端构建工具,能够显著提升前端开发体验。Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。当开始想用vu
@八度余温
·
2024-01-27 03:32
electron
javascript
前端
Vite+Electron快速构建一个
VUE3
桌面应用(二)——动态模块热重载
一.简介在上一篇文章Vite+Electron快速构建一个
VUE3
桌面应用中,我们了解了如何使用Vite和Electron来快速构建一个
Vue3
桌面应用。但是,之前构建的应用仅仅是一个简单的版本。
@八度余温
·
2024-01-27 03:32
electron
javascript
前端
Vite+Electron快速构建一个
VUE3
桌面应用(三)——打包
一.简介上一篇文章Vite+Electron快速构建一个
VUE3
桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能,现在是时候来看看怎么完成最后一步——打包了。
@八度余温
·
2024-01-27 03:32
electron
javascript
ecmascript
vite3+
vue3
项目打包优化三 — CDN加速、文件压缩
在Vite+
Vue3
项目开发过程中,像element-plus、lodash-es等工具库,会有很大的文件依赖。我们可以尝试通过
MagnumHou
·
2024-01-27 01:33
Vite+Vue3
前端工程化
打包优化
Vue
代码优化
vue.js
Vite
打包
CND
GZIP
vue3
中emit(‘update:modelValue‘)使用
父{{test1}}测试1{{test2}}测试2import{ref,reactive}from'vue'consttest1=ref('')consttest2=ref('')子(setup语法糖)import{ref,watch}from'vue';//此处引入constemit=defineEmits(['update:modelValue','update:test2'])constpr
白小白灬
·
2024-01-27 01:02
Vue
前端
vue.js
vue3
+vite 配置反向代理和跨域 设置端口号
server跨域代理在vite.config.ts文件中直接配置exportdefaultdefineConfig({//其他配置...//设置反向代理,跨域server:{//host:'0.0.0.0',//设置地址:http://localhostport:4500,//设置服务启动端口号//open:true,//设置服务启动时是否自动打开浏览器
一室易安
·
2024-01-27 01:59
前端
javascript
开发语言
vue3
+vite中使用环境变量 .env 的一些配置情况说明
在项目文件中新建文件.env.env.pro两个文件其中.env是默认设置.env.pro为正式环境设置1、设置.env中的内容信息注意
vue3
+vite必须使用VITE开头的配置信息否则无法获取NODE_ENV
一室易安
·
2024-01-27 01:29
vue
前端
vue3
-elementPlus部分组件样式修改
前提:在less语言下使用/deep/;在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃,建议使用:deep(css选择器)elementUI样式修改:vue2-elementUI部分组件样式修改_vue2圆圈选中样式-CSDN博客el-dropdown//下拉框中文字颜色:deep(.el-dropdown-menu__item:not(.is-disable
小沐°
·
2024-01-27 00:54
vue
vue.js
elementui
前端
VUE3
之 插槽的使用 - 这个系列的教程通俗易懂,适合新手
1.概述非理性定律告诉我们:人们总是习惯于以情感去判断眼前的事物,非理性的去做决定。对于长远的利益,人们更愿意去选择短期的利益。因此在做决定前要让自己冷静,理性的分析,让自己看的更远。言归正传,今天我们来聊一个新的概念——插槽。2.插槽的使用2.1一个简单的例子我们先来看一个简单的例子constapp=Vue.createApp({template:``});app.component("my-f
追风人聊Java
·
2024-01-27 00:47
vue3
+typescript【2】
method中this的指向注意,不应该使用箭头函数来定义method函数(例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文,所以this将不会按照期望指向组件实例,this.a将是undefined。写一个箭头函数时,这个this就是window快捷模板文件->首选项->配置用户代码->html.json:{"Printtovue":{"prefix":"vue"
女德班吊车尾
·
2024-01-27 00:19
vue3+typescript
typescript
前端
javascript
vue3
defineEmits传递多个参数
//子组件constemit=defineEmits(['refreshCount']);functionchangeProCount(id,label,val){emit('refreshCount',id,label,val);};//父组件//functionrefreshCount(id,proLabel,val){//接收参数,一一对应。console.log(id,proLabel,v
wentingyunmin
·
2024-01-27 00:19
vue.js
前端
javascript
Vue3
基础知识2
目录1.组合式API1.组合式API基础1.带ref的响应式变量2.watch响应式更改3.watch和watchEffect的区别:4.独立的computed属性5.生命周期钩子2.Setup1.Props2.Context3.使用渲染函数4.访问组件的property3.Provide/Inject1.Provide2.Inject3.添加响应性4.在单文件组件(SFC)中使用组合式API的编
格鲁的斯图尔特
·
2024-01-27 00:48
Vue学习
前端
vue.js
vue
Vue3
封装全局自定义弹框,结合element的el-dialog
main.ts中//引入并注册import{createApp}from"vue";importSubDialogfrom'@/components/sub.ts'letinstance:any=null;instance=createApp(App);instance.use(SubDialog);components下的sub.ts文件import{h,render}from'vue'impo
lxsssss
·
2024-01-27 00:17
javascript
vue.js
前端
Vue3
emits 结合回调函数的使用
回调函数先说下啥是回调函数,举个例子,当A方法调用B方法时,A方法会传一个方法作为参数给B方法,B方法中可以去按照逻辑执行A传递过的函数,就是回头再调用A方法传参给的方法。有点绕哈,写段代码参考下constfunA=()=>{//业务逻辑.....funB('布拉布拉',123,()=>{//回调的业务逻辑});};/***B方法最好加上ts约束*@paramparam1参数1*@parampar
-小龙人
·
2024-01-27 00:17
前端
#
vue
vue.js
回调函数
emits
Vue3
中 setup 语法糖写法
Vue3
中setup语法糖写法CompositionAPI及组合式API,是根据逻辑相关性组织代码的,提高可读性和维护性。最大的优点在V3中写hooks了,重复性使用相同代码的逻辑。
K.Encoding
·
2024-01-27 00:04
vue.js
javascript
前端
如何用强化学习优化广告投放中的A/B Test
公众号后台回复“图书“,了解更多号主新书内容作者:会痛的stone来源:R语言
工程化
A/BTest是决策科学的最常见方法之一。以广告投放为例,将客户群分为两组或多组,每组群体展示不同的广告形式。
IT农民工1
·
2024-01-26 21:54
算法
人工智能
python
大数据
机器学习
vue3
-深入组件-事件
触发与监听事件在组件的模板表达式中,可以直接使用$emit方法触发自定义事件。定义与使用格式规范:camelCase(小驼峰命名形式)比如:changeStatusclick me在父组件中使用kebab-case形式使用同样,组件的事件监听器也支持.once修饰符:和原生DOM事件不一样,组件触发的事件没有冒泡机制。你只能监听直接子组件触发的事件。平级组件或是跨越多层嵌套的组件间通信应使用一个外
王大可996
·
2024-01-26 21:55
vue3
前端
javascript
vue.js
vue
vue3
-element-admin的组件el-time-picker设置只能选择上午或下午
上午:conststartTime=(value)=>{letformattedDates=[];value.forEach((time)=>{letinputTime=newDate(time);lethours=inputTime.getHours();letminutes=inputTime.getMinutes();letseconds=inputTime.getSeconds();let
TechWhiz-晓同
·
2024-01-26 20:53
uniapp
vue.js
前端
javascript
Vue3
配置Cesium-navigation-es6
1.安装cesium-navigation-es6E:\CesiumProject\world>
[email protected]
.修改源码打开node_modules/cesium-navigation-es6/,将所有.js内的importCesiumfrom'cesium/Cesium'替换为如下varCesium=require('cesium/Cesiu
小龙狗
·
2024-01-26 20:33
Web编程
GIS
javascript
前端
开发语言
cesium
navigation-es6
开发 Chrome 浏览器插件时进行
Vue3
+Vite 多页面多入口配置
使用Vite开发Chrome插件时,构建多页面以及多js文件因为发现Vite多页面构建有很多分歧以及问题点,所以我把我在Chrome插件开发上面使用到的Vite多页面以及多入口文件构建配置单独拿出来开发Chrome插件是,一般会需要一个popuphtml页面,有时候还会需要一个contenthtml页面,但是还需要service-worker.js文件以及content.js文件一、Chrome插
gqkmiss
·
2024-01-26 19:37
前端
Chrome
vue
前端
Vite
多页面配置
Chrome
插件
Vue3
rollupOptions
entryFileNames
vue3
+ vite动态引入图片以及本地正常展示,线上部署不正常显示的解决方法
方案一使用import引入importimgUrlfrom'./img.png'document.getElementById('hero-img').src=imgUrl方案二使用newURL//../assets/imgs为图片公共路径exportfunctiongetAssetsFile(url:string){returnnewURL(`../assets/imgs/${url}`,imp
奶昔不会射手
·
2024-01-26 18:46
前端
vue
Vscode插件推荐
用于前端:Chinese(Simplified)CodeSpellCheckerHTMLCSSSupportJavaScript(ES6)MithrlEmmetPathIntellisense
Vue3
SnippetsVueHelperAutoCloseTagAutoRenameTagBeautifyBracketPairColorizeropeninbrowserVeturIntelliuIDEA
Zane:)
·
2024-01-26 18:31
vscode
ide
编辑器
RuoYi-Vue前后端分离后台开发框架运行详细教程
ruoyi.vip演示地址:http://vue.ruoyi.vip代码下载:https://gitee.com/y_project/RuoYi-Vue下载之后解压,ruoyi-ui是前端代码vue2,建议分离出来,
vue3
懒员员
·
2024-01-26 18:00
vue.js
前端
javascript
java
maven
pc读卡器读取芯片数据
通过读卡器设备去读取芯片的数据在index.html页面加上,在body的上面,jquery文件可以是其他版本的三个文件跟index.html页面同级,可能打包后会出现找不到这三个文件,最好在public目录里也加上这三个文件
vue3
前端菜鸟丶Ndie
·
2024-01-26 17:08
javascript
vue.js
前端
vue3
+WebRTC拉流(正确姿势)
vue3
+WebRTC拉流(正确姿势)文章目录
vue3
+WebRTC拉流(正确姿势)缘由一、webRtc拉流是什么?
yasuo56
·
2024-01-26 17:06
webrtc
vr
vue
上一页
26
27
28
29
30
31
32
33
下一页
按字母分类:
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
其他