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
系列]:第四章——
Vue3
中常用组件通信全解析
前言本系列将从零开始,系统性地介绍
Vue3
的常用API,逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示,帮助大家掌握
Vue3
的基础与进阶知识,最终具备独立搭建完整
Vue3
项目的能力。
花信少年plus
·
2025-02-19 22:56
从零开始的vue3
系列
vue.js
javascript
前端
vue3
中<el-table-column>状态的显示
方法1:使用作用域插槽+标签{{row.status===1?'启用':'禁用'}}consttableData=[{id:1,name:'数据1',status:1},{id:2,name:'数据2',status:0},//...]方法2:使用formatter格式化显示conststatusFormatter=(row)=>{returnrow.status===1?'启用':'禁用'}自定
BillKu
·
2025-02-19 21:53
vue.js
elementui
javascript
TypeScript 中的 type 和 interface:你真的了解它们的不同吗?
如果你有写过
Vue3
的项目,那么对TypeScript肯定不会陌生。
液态不合群
·
2025-02-19 18:59
typescript
javascript
前端
ollama-chat-ui-vue,一个可以用vue对接ollama的开源项目,可接入deepSeek
ollama-chat-ui-vue使用
vue3
+vite+elementUi搭建的前端chat,通过ollama可与模型对话,目前支持独立思考,切换模型(联网查询后续支持)github地址:ollama-chat-ui-vue
是你的小熊啊
·
2025-02-19 17:52
ui
vue.js
前端
ai
vue3
和vue2的组件开发有什么区别
Vue3
和Vue2在组件开发上存在不少差异,下面从多个方面详细介绍:响应式原理Vue2:用Object.defineProperty()方法来实现响应式。
IT木昜
·
2025-02-19 16:49
vue.js
Vue3
循环语句
Vue3
循环语句引言在Web开发中,循环语句是处理数据集合的常用手段。
Vue3
作为当下流行的前端框架,提供了丰富的循环语句,以帮助我们更高效地处理数据。
wjs2024
·
2025-02-19 14:27
开发语言
Vue 3 工程化:从理论到实践 (上篇)
引言
Vue3
是Vue.js的最新版本,带来了许多新特性,如CompositionAPI、更好的TypeScript支持、性能优化等。
人民广场吃泡面
·
2025-02-19 12:39
Vue生态
vue.js
前端
javascript
音频采集(
VUE3
+JAVA)
vue部分代码xx.vueimportRecorderfrom'./Recorder.js';exportdefault{data(){return{mediaStream:null,recorder:null,isRecording:false,audioChunks:[],vadInterval:null//新增:用于存储声音活动检测的间隔ID};},asyncmounted(){this.m
a26637896
·
2025-02-19 12:03
音视频
java
javascript
总结了
Vue3
的七种组件通信方式,别再说不会组件通信了
写在前面本篇文章是全部采用的这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇文章将围绕下面这个demo,列表_和
全栈战神
·
2025-02-19 11:58
vue.js
前端
javascript
vue3
在router.addRoute(route))之后跳转页面404且路由matched是空
在
Vue3
中使用router.addRoute(route)动态添加路由后,路由的匹配信息(即matched数组)可能会显示为空。这是因为路由的匹配信息是惰性更新的,只有在路由跳转时才会重新计算。
·
2025-02-19 10:51
如何使用
Vue3
创建在线三维模型展示?
本文由ScriptEcho平台提供技术支持项目地址:传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像,展示了RoughJS库的强大功能,可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形,包括:火焰主体:使用path()函数绘制,采用不规则的形状和粗糙的线条。火焰细节:添加了额外的pat
ScriptEcho
·
2025-02-18 21:54
前端
Vue 3 Composition API进阶指南
在上一篇文章中,我们介绍了
Vue3
的CompositionAPI基础,包括如何使用setup函数、ref和reactive来创建响应式数据,以及使用watchEffect来监控数据变化。
前端学步
·
2025-02-18 16:55
Vue3技术分享专栏
vue.js
javascript
前端
Vue3
CompositionAPI
Vue3
CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=
jpruby
·
2025-02-18 16:24
vue
Vue3
的Composition API
Vue3
的CompositionAPI(
Vue3
与Vue2的区别)
Vue3
引入了CompositionAPI(组合式API),这是一种新的编写组件逻辑的方式,旨在解决OptionsAPI在某些场景下的局限性
Sunshinedada
·
2025-02-18 16:51
vue.js
前端
javascript
封装websocket,兼容uniapp及普通
vue3
应用
本文将实现websocket的封装,采用typescript+
vue3
实现,同时支持uniapp中使用。
一个水货程序员
·
2025-02-18 13:30
websocket
uni-app
网络协议
vue3
naive ui+java下载文件
java后端代码importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.GetMapping;impor
weixin_42485982
·
2025-02-18 12:46
java
vue
在
vue3
中配置scss
要在
Vue3
中使用SCSS(Sass的一个子集),你需要安装相应的依赖,并对项目进行一些配置。
库库林_沙琪马
·
2025-02-18 10:46
#
Vue组件直接使用
scss
vue.js
前端
vue基础(十)
在此介绍Vue2和
Vue3
中路由的使用。
Goodbaibaibai
·
2025-02-18 09:45
面试
vue.js
v3-electron-vite项目快速入门指南
v3-electron-vite项目快速入门指南v3-electron-vite⭐A
vue3
electronadmintemplate,basedon'vite'项目地址:https://gitcode.com
罗昭贝Lovely
·
2025-02-18 04:51
计算机学习建议
对于现代得计算机开发者而言;最快的是要见到成效;这是一个功利性的社会;对于99%的人来说,先保证自己可以在社会上活下去才是最重要的;而不是追求梦想;一、职业Web前端:HTML、CSS、JavaScript、
Vue3
qincjun
·
2025-02-17 19:09
学习
用
vue3
写一个好看的wiki前端页面
以下是一个使用
Vue3
+ElementPlus实现的Wiki风格前端页面示例,包含现代设计、响应式布局和常用功能:TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title
云浩舟
·
2025-02-17 18:30
前端
vue.js
javascript
Vue2 与
Vue3
中 Computed 计算属性详解
目录Vue2与
Vue3
中Computed计算属性详解一、Vue2中的Computed计算属性1.简单写法2.get和set写法二、
Vue3
中的Computed计算属性1.简单写法2.get和set写法三
阿贾克斯的黎明
·
2025-02-17 14:29
前端
vue.js
前端
javascript
vue h函数
在
Vue3
中,这是启动应用的主要方法。defineComponent:用于定义一个组件。在
Vue3
中,这是一种定义组件的选项式API的替代方法。resolveComponen
月下第一风流
·
2025-02-17 14:52
vue.js
javascript
前端
vue3
- 【完整源码】实现网页整屏大量图片、div 容器的自适应瀑布流布局,宽高度不固定的列表式瀑布流展示效果(高效无 BUG 网站瀑布流效果,超详细代码注释,可根据需求快速进行改造!)
效果图在
vue3
.js网站项目中,实现图片、普通div容器的瀑布流效果完整示例,支持动态加载数据、自定义一行放多少个、各列之间的间距等等!
街尾杂货店&
·
2025-02-17 14:22
前端组件与功能(开箱即用)
vue3
瀑布流布局详细教程
vue3图片列表瀑布流组件
宽高不固定的div实现瀑布
vue3最好用的瀑布流组件插件
vue3瀑布流布局完整示例源码
Vue3
中关于el-dialog组件给其添加:deep()样式不生效
去掉scoped,在样式冲突的情况下,可以给el-dialog添加一个类名。注意:这里element-plus官方文档虽然说custom-class已经弃用了,其实也还能用,因为目前为止还没有改成class去定义。
1142527603
·
2025-02-17 12:11
vue.js
javascript
前端
前端面试题2(
vue3
)
1.
Vue3
中的CompositionAPI是什么?与OptionsAPI的区别是什么?答案:CompositionAPI是
Vue3
引入的一种新的编程模型,它允许开发者以更灵活和模块化的方式组织代码。
GIS-CL
·
2025-02-17 11:59
前端面试题
前端
vue.js
如何构建高效的 Vue 3 前端项目结构
在这篇文章中,我将分解
Vue3
项目的最优文件结
东锋1.3
·
2025-02-17 11:57
vue.js
vue.js
前端
javascript
Vue3
中的 defineProps:优雅地实现子父组件传值
Vue.js一直以来都是前端开发者们钟爱的框架之一,而在最新的
Vue3
中,引入了一些新的特性和改进,其中之一就是defineProps。
良月柒
·
2025-02-17 10:55
vue.js
前端
javascript
vue3
项目开发总结
2、技术选型与框架选择前端框架:选择
Vue3
作为前端框架,利用其组件化、响应式等特性来提高开发效率和代码质量。构建工具:当前使用的是vue-cli。
Yaru11
·
2025-02-17 10:53
vue
前端
MTTK Vue Wrap 项目介绍
关键字:
Vue3
,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于
Vue3
的组件封装工具,核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件(SFC
MTTKbelinda
·
2025-02-17 10:53
VUE
Wrap
vue.js
前端
javascript
Vue3
使用 ref、reactive响应式丢失
文章目录一、refreactive实例1.引用refreactive属性2.refreactive替换整条数据3.refreactive解构赋值一、refreactive实例1.引用refreactive属性单独引用refreactive修改其中某一个属性,状态变量不会丢失,正常使用import{ref,reactive,toRefs,toRef}from"vue";constcount=ref(
张帅涛_666
·
2025-02-17 09:15
Vue3开发
vue.js
javascript
前端
vue3
关于插槽的使用
插槽的使用最近把
Vue3
重新复习了一下,发现之前掌握的还不够清楚.所以这里做一下笔记以免忘记,话不多说直接上干货.关于
Vue3
的插槽插槽的使用,用过Vue的人都清楚,就是在需要插入的地方挖个坑,然后你把想要的内容放坑里面
加班是不可能的,除非双倍日工资
·
2025-02-17 09:15
vue3
vue.js
vue3
reactive丢失响应式
问题使用reactive构造响应式对象时,当对其进行重新赋值后,会导致原有变量失去响应式,页面不会发生联动更新例如:1、使用reactive定义一个响应式的对象变量letdata1=reactive({name:'小李',date:'2024-03-18',address:'xx地址'})2、将属性渲染到页面上点击更新{{data1.name}}constchange=()=>{letdata2=
想不到耶
·
2025-02-17 09:41
vue3
前端
vue.js
vue3
.x的Teleport详细解读
Teleport是
Vue3
.x中引入的一个新特性,用于将组件的内容渲染到DOM树中的任意位置,而不受组件自身DOM结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。
黑码小帅
·
2025-02-17 09:09
vue知识点
vue.js
javascript
前端
vue
typescript
前端框架
bootstrap
vue3
解构defineProps失去响应式解决办法
constprops=defineProps({deviceType:{type:String,default:'apple'}});const{deviceType}=props;这样写下来,deviceType,这个玩意就失去响应了。正确的应该向下面的那样constprops=defineProps({deviceType:{type:String,default:"123",},});con
半夏ing
·
2025-02-17 09:38
前端
javascript
开发语言
vue3
响应式丢失解决办法(三)
vue3
的响应式的理解,与普通对象的区别(一)
vue3
分析总结响应式丢失问题原因(二)经过前面2篇文章,知道了响应式为什么丢失了,但是还是碰到了丢失情况,并且通过之前的内容还不能解决。
xiaozaq
·
2025-02-17 08:38
vue.js
前端
javascript
Reached heap limit Allocation failed - JavaScript heap out of memory
问题
vue3
打包时提示ReachedheaplimitAllocationfailed-JavaScriptheapoutofmemory解决方法(
vue3
可用)npminstallcross-envincrease-memory-limit
祝余、
·
2025-02-17 08:34
javascript
开发语言
ecmascript
基于
vue3
实现的课堂点名程序
设计思路采用
vue3
实现的课堂点名程序,模拟课堂座位布局,点击开始点名按钮后,一朵鲜花在座位间传递,直到点击结束点名按钮,鲜花停留的座位被点名。
zhouzhurong
·
2025-02-17 06:52
vue.js
javascript
elementui
DPlayer +
vue3
使用
帮助文档https://dplayer.diygod.dev/zh/guide.html#special-thanks安装pnpminstalldplayer--savepnpminstall@types/dplayer--save-dev使用方法import{ref,onMounted,onBeforeUnmount}from'vue';importDPlayerfrom'dplayer';im
是晓周哦
·
2025-02-17 04:30
javascript
vue.js
前端
视频
typescript
【从0带做】基于Springboot3+
Vue3
的高校食堂点餐系统
大家好,我是武哥,最近给大家手撸了一个基于SpringBoot3+
Vue3
的高校食堂点餐系统,可用于毕业设计、课程设计、练手学习,系统全部原创,如有遇到网上抄袭站长的,欢迎联系博主~详细介绍https:
ADFVBM
·
2025-02-17 01:07
面试
学习路线
阿里巴巴
java
Vue3
+ Moveable + Selecto 拖拽组件 Demo
一、项目概述本demo旨在通过
Vue3
、Moveable和Selecto三个库的结合,实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能,通过Moveable控制选中元素的大小和位置。
巧克力力克巧!
·
2025-02-16 18:51
学习积累
vue.js
javascript
前端
记录一次
vue3
+ ele pls 改写 饿了么主题色实践
一、改写element主题色在main.ts中引入需要改写的scss文件main.ts:import'element-plus/dist/index.css'import'./styles/element-plus.scss'在自定义的element-plus.scss文件中改写elepls的变量element-plus.scss:/***更改主题色*/:root{--el-color-prima
Ashy-
·
2025-02-16 14:23
前端笔记
前端
vue.js
vue3
ref/reactive 修改数组的方法
import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])functionaddTodo(){todos.value.pu
取啥好
·
2025-02-16 13:45
vue
vue.js
javascript
前端
从零开始:如何用 Vue 3 和 Vite 创建现代前端项目
从零开始:如何用
Vue3
和Vite创建现代前端项目前言随着现代前端框架的快速发展,开发工具和构建工具也在不断进化。
全栈探索者chen
·
2025-02-16 13:40
前端
前端
vue.js
javascript
开发语言
前端框架
ecmascript
vite
vue3
使用 highlight
1.安装:npminstall--savehighlight.jsnpminstall--save@highlightjs/vue-plugin2.main.js中导入:import'highlight.js/styles/atom-one-dark.css'import'highlight.js/lib/common'importhljsVuePluginfrom'@highlightjs/vu
穿越到未来calc
·
2025-02-16 12:04
模板
vue.js
javascript
前端
Vue3
对接 DeepSeek 的完整指南,包含核心场景、常见问题解决方案及代码示例。内容综合官方文档与实战经验,覆盖开发全流程
以下为
Vue3
对接DeepSeek的完整指南,包含核心场景、常见问题解决方案及代码示例。内容综合官方文档与实战经验,覆盖开发全流程。
繁若华尘
·
2025-02-16 12:03
vue
前端开发
vue.js
ai
前端
javascript
vue和Django快速创建项目
一、VUE1.创建
Vue3
+JavaScript项目npmcreatevite@latest项目名称----templatevue创建
Vue3
+TypeScript项目npmcreatevite@latest
CCSBRIDGE
·
2025-02-16 08:04
了解Vue
vue.js
前端
javascript
跟着ai辅助学习
vue3
第一章:基础入门(1-2周)1.了解
Vue3
概述阅读官方文档简介访问
Vue3
官方文档,在首页或简介板块中,重点了解
Vue3
相较于Vue2的重大变革。
IT、木昜
·
2025-02-16 08:27
vue全家桶
vue
AI辅助学习前端框架
学习
vue3
.x 的 toRef详细解读
在
Vue3
.x中,toRef是一个用于创建响应式引用的工具函数。它可以将一个响应式对象的某个属性转换为一个独立的ref对象,同时保持与原始属性的响应式连接。以下是toRef的详细解读和示例。
黑码小帅
·
2025-02-16 07:23
前端知识总结
vue.js
javascript
前端
vue
bootstrap
less
node.js
Vue3
实战:从零实现电商购物车功能(含完整代码)
文章目录一、功能需求分析二、技术方案选型三、项目结构设计四、核心代码实现1.创建PiniaStore(购物车状态管理)2.商品列表组件3.购物车面板组件五、关键实现细节1.数据持久化方案2.性能优化方案3.异常处理六、扩展功能实现1.服务端同步(示例)2.优惠券功能七、最佳实践建议八、总结一、功能需求分析一个完整的购物车系统需要包含以下核心功能:商品展示模块商品列表展示(图片、名称、价格)商品规格
chenNorth。
·
2025-02-15 12:04
vue
前端
javascript
vue.js
前端
上一页
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
其他