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组件开发
跟着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
Vue和React的区别
组件开发
方式:Vue使用单文件组件(SFC),HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用
挨踢女孩y
·
2025-02-16 01:11
vue.js
react.js
javascript
前端
css
webpack
ecmascript
Vue3
实战:从零实现电商购物车功能(含完整代码)
文章目录一、功能需求分析二、技术方案选型三、项目结构设计四、核心代码实现1.创建PiniaStore(购物车状态管理)2.商品列表组件3.购物车面板组件五、关键实现细节1.数据持久化方案2.性能优化方案3.异常处理六、扩展功能实现1.服务端同步(示例)2.优惠券功能七、最佳实践建议八、总结一、功能需求分析一个完整的购物车系统需要包含以下核心功能:商品展示模块商品列表展示(图片、名称、价格)商品规格
chenNorth。
·
2025-02-15 12:04
vue
前端
javascript
vue.js
前端
vue3
使用svg图标的方式总结
1.使用标签可以直接在Vue模板中使用标签来插入SVG图标代码。将SVG图标代码复制到模板中,并根据需要添加样式和属性。1234567891011121314.icon{width:24px;height:24px;fill:currentColor;}2.使用Vue组件可以将SVG图标封装为Vue组件,以便在应用程序中多次使用。创建一个新的Vue组件,并在模板中使用标签来插入SVG图标代码。12
lizi88888
·
2025-02-15 12:02
vue.js
前端
javascript
【前端框架】
Vue3
面试题深度解析
本文详细讲解了
VUE3
相关的面试题,从基础到进阶到高级,分别都有涉及,希望对你有所帮助!基础题目1.简述
Vue3
与Vue2相比有哪些主要变化?
西门吹雪~
·
2025-02-15 07:48
前端框架
前端
前端面试
vue
vue3
【前端框架】深入Vue 3
组件开发
:构建高效灵活的前端应用
一、引言
Vue3
作为一款流行的前端框架,其组件化系统是构建大型应用的核心。通过将应用拆分为多个可复用的组件,不仅能提高代码的可维护性与复用性,还能让开发团队进行高效的协作。
西门吹雪~
·
2025-02-15 07:48
VUE3
vue.js
前端框架
前端
vue3
Vue3
按钮权限控制:解锁前端安全交互新姿势
背景引入在
Vue3
项目开发中,权限管理是不可或缺的一部分,而按钮权限控制更是其中的关键环节。
Jiaberrr
·
2025-02-15 06:16
vue.js
前端
javascript
交互
安全
大事件管理系统(
vue3
)compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)
后台数据管理系统-项目架构设计在线演示:https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径:http://big-event-vue-api-t.itheima.net本项目的技术栈本
章小絮
·
2025-02-15 01:59
vue2和vue3学习
git
比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比
Vue3
的setup函数vsVue2的created和data
Vue3
引入了setup函数,作为CompositionAPI的核心部分,它彻底改变了Vue组件的逻辑组织和代码复用方式。
dxh_888
·
2025-02-14 22:12
vue.js
前端
javascript
vue3
读取webrtc-stream 视频流
方便自己本地搭建视频流服务https://download.csdn.net/download/cyw8998/90373521解压后,启动命令webrtc-streamer.exe-H127.0.0.1:8020二.
vue3
cyw8998
·
2025-02-14 22:10
webrtc
Vue3
中实现el-table单选功能(取消前一项的选中)
需求描述产品说,表格行要只能选中一个且,不能使用el-radio方式因为要可以取消选中于是乎,有了当前的文章记录我们先看效果图效果图代码思路首先,把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后,去除前一项的选中状态@select="selectChange"constsel
·
2025-02-14 22:34
vue3
后台系统动态路由实现
动态路由的流程:用户登录之后拿到用户信息和token,再去请求后端给的动态路由表,前端处理路由格式为vue路由格式。1)拿到用户信息里面的角色之后再去请求路由表,返回的路由为tree格式后端返回路由如下:前端处理:共识:动态路由在路由守卫beforeEach里面进行处理,每次跳转路由都会走这里。1.src下新建permission.js文件,main.js中引入//main.jsimport'./
瑶琴AI前端
·
2025-02-14 20:24
vue3+ts后台系统搭建
vue.js
javascript
vue3
动态路由
Vue.js前端开发实战学习笔记
第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于
Vue3
cai-4
·
2025-02-14 19:11
前端
vue.js
学习
前端
「
Vue3
系列」
Vue3
Axios详解
文章目录一、
Vue3
Axios二、
Vue3
Axios请求配置项三、Axios响应结构四、Axios拦截器请求拦截器响应拦截器拦截器的移除拦截器的应用场景五、相关链接一、
Vue3
Axios在
Vue3
中,你可以使用
·零落·
·
2025-02-14 15:16
vue.js
前端
前端框架
vue
vue3
Vue3
入门 ----- script setup、computed、watch、组件通讯、ref
初使用和Vue2使用的optionsAPI(例如:数据放data中,方法放methods中)不同的是,
Vue3
是用了compositionAPI,提升了代码的可读性和可维护性,同时也保留了Vue2的optionsAPI
ELNino_Thomas.Liang
·
2025-02-14 15:16
typescript
vue.js
前端
VUE3
.0+TS用ref获取元素
div元素//在setup中无法使用thissetup(){//新建一个ref对象,对象命名必须与ref命名相同//在setup的中还不是一个DOM节点类型,在DOM挂载后才会是ELEMENT类型,所以要设置泛型consteleRef=ref(null)consthandleClick=()=>{if(eleRef.value){console.log(eleRef.value)}}//retur
ELNino_Thomas.Liang
·
2025-02-14 15:15
Vue3
.0+vite vite.config.ts配置与env
目录摘要在项目中新项目前期可能需要配置各种来运行项目,以
Vue3
.0+vite来说明主要配置正文1.import.meta的理解JavaScript中的一个特殊对象,它提供了有关当前模块的元数据信息。
WebCsDn_TDCode
·
2025-02-14 14:12
vue.js
Vue3
数据响应式原理
Vue3
数据响应式原理在Vue2是使用Object.defineProperty()实现响应式。在
Vue3
中,ref是
牧云流
·
2025-02-14 14:37
vue.js
javascript
ecmascript
分享58个Vue模板源码总有一个是你想要的
pwd=8888提取码:8888项目名称:amis自定义组件模板(
vue3
0技术栈)AntDesignProVue+Golang后台管理基础模板electron+vue桌面应用开发快速
2401_86528135
·
2025-02-14 14:06
vue.js
前端
javascript
Vue.js 响应式原理与数据绑定
原理概述Vue.js的响应式系统主要基于JavaScript的Object.defineProperty()方法(Vue2.x)和ES6的Proxy对象(
Vue3
.x)来实现。
前端_学习之路
·
2025-02-14 13:33
Vue.js
vue.js
前端
javascript
【前端框架选择:Vue、React、Angular,谁更适合你的项目?】
关键词前端框架选型、
Vue3
、React18、Angular16、响应式原理、虚拟DOM、组件化开发、单向数据流、双向数据绑
程序员远仔
·
2025-02-14 12:54
vue.js
react.js
javascript
前端框架
angular.js
前端
Vue3
使用高德地图,详解、常见问题与最佳解决方案
以下是关于在
Vue3
中使用高德地图的详细步骤、常见问题及最佳解决方案的综合指南:一、
Vue3
集成高德地图的详细步骤1.注册高德开发者并获取Key前往高德开放平台注册账号,创建应用并申请Web端(JSAPI
繁若华尘
·
2025-02-14 12:51
vue
vue.js
前端
javascript
Vue3
为了封装组件,我写了三天的
vue3
hook!学起来!
前言我以前很喜欢封装组件,什么东西不喜欢别人的,总喜欢自己搞搞,这让人很有成就感,虽然是重复造轮子,但是能从无聊的crud业务中暂时解脱出来,对我来说也算是一种休息,相信有很多人跟我一样有这个习惯。这种习惯在独立开发时无所谓,毕竟没人会关心你咋实现的,但是在跟人合作时就给别人造成了很大的困扰了,毕竟每个人封装的东西都是根据自己习惯来的,别人看着多少会有点不顺眼,而且自己封装的组件大概率也是没有写文
chenNorth。
·
2025-02-14 12:20
vue
前端
vue.js
开发语言
少数人知道的 10 个神奇 CSS 选择器
ReactHook深入浅出CSS技巧与案例详解vue2与
vue3
技巧合集VueUse源码解读在Web开发中,CSS扮演着至关重要的角色,但很多开发者并没有真正发掘它的全部潜力!
·
2025-02-14 09:07
前端javascript
vue2与
vue3
的区别
文章目录Vue2和
Vue3
区别—源码深度解析一、底层监听逻辑区别二、深度解析源码对比1.Vue2的响应式系统2.
Vue3
的响应式系统3.源码对比示例三、Vue2进阶
Vue3
注意事项1.全局API的变化2
胡图蛋.
·
2025-02-14 07:18
vue.js
vue3
源码:reactive与ref深度对比,为什么要使用 ref
reactive的局限性:reactive函数会把传入的object作为proxy的target参数,而proxy只能代理对象,不能代理基本数据类型ref的实现原理:在类RefImpl的构造函数中执行了一个toReactive方法,传入了value,该方法把数据分成了两种类型:复杂数据类型:调用了reactive函数,即把value变为响应性的。简单数据类型:直接把value原样返回。下面进行核心
wxzYa
·
2025-02-14 06:09
vue3源码解析
vue.js
前端
Vue.js
组件开发
:深入理解与代码实现
Vue.js的核心概念之一就是组件化开发,通过
组件开发
,开发者可以更好地复用代码和管理复杂的UI结构。
专业WP网站开发-Joyous
·
2025-02-14 06:38
学习
前端
vue
vue.js
Vue3
中的ref与reactive:构建响应式数据的双刃剑
一、使用方式1.ref的使用import{ref}from'vue';//创建一个响应式的计数器constcount=ref(0);//修改值count.value++;//增加计数//在模板中直接绑定Countis:{{count.value}}2.reactive的使用import{reactive}from'vue';//创建一个响应式对象constuser=reactive({name:'
明日筑梦师
·
2025-02-14 05:03
vue
vue.js
ubuntu
前端
数字科技3D全景展厅
项目效果:基于
vue3
+threejs展厅3D可视化项目介绍:数字科技3D全景展厅,实现展厅室内720度全景漫游观看,点击展厅内的展品弹出框,图片被放大显示,以及实现点击具体展品,实现飞行定位到该展品前观察
jnfy
·
2025-02-14 04:03
三维数字孪生系统
3d
3D展厅
科技展馆
数字展厅
vue3+threejs
室内全景
vite.config.js 的一些常用配置你知道吗
前言当我们进行前端开发项目的时候都需要一些构建工具,像Webpack、Rollup、Snowpack、Vite等构建工具,而在
Vue3
的官方文档中的创建应用例子使用了Vite,那么问题来了,为什么在
Vue3
子伟-H5
·
2025-02-14 03:58
javascript
开发语言
ecmascript
Vue3
笔记_<入门基础篇>
目录Setup语法糖ref:定义一个数据的响应式reactive:定义一个对象类型的响应式数据toRef()toRefs()计算属性watchEffect函数生命周期
Vue3
获取DomProps
Vue3
我的白银时代
·
2025-02-13 23:01
Vue2进阶Vue3笔记
Vue3零到一实战
笔记
vue.js
前端
基于uniapp
vue3
的滑动抢单组件
通过在onMounted获取movable-area与movable-view实例,计算出可滑动的距离效果图:代码:»Slidetograborderimport{ref,onMounted}from"vue";constsliderX=ref(0);//滑块X轴位置constmaxX=ref(0);//最大可滑动距离onMounted(()=>{getMaxX();//组件加载后计算最大可滑动距
printf_824
·
2025-02-13 19:34
uni-app
javascript
前端
【uni-app】Pinia 持久化
小程序端Pinia持久化说明:Pinia用法与
Vue3
项目完全一致,uni-app项目仅需解决持久化插件兼容性问题。
秀秀_heo
·
2025-02-13 18:32
WebApp
开发
uni-app
vue.js
前端
20
vue3
实战-----使用echarts搭建各种图表
20
vue3
实战-----使用echarts搭建各种图表1.实现目标2.实现步骤2.1封装组件2.2使用组件1.实现目标如上,页面上有各种各样类型的图标。这时候需要用到echarts库作为辅助。
太阳与星辰
·
2025-02-13 15:37
前端
vue3实战代码规范
echarts
前端
vue3实战
后台管理
typescript
记录一次
vue3
使用ejs文件配合vite打包的异常
打包后index.html内容异常,显示exportdefault"./assets/index-DxOHZ_2H.html"原因是因为工程项目想要使用ejs,结果配置assetsInclude:['/.ejs','/.html'],解决办法,去掉'*/.html'
·
2025-02-13 11:55
前端
4年前端开发面试题,Vue方向,10道题,包括答案和释疑(1)
以下是针对4年前端经验(Vue方向)的10道高频面试题,涵盖核心原理、高级特性及优化策略,答案与解析结合Vue2主流版本(兼顾
Vue3
对比):1.Vue2的响应式原理是什么?
Vue3
有何改进?
繁若华尘
·
2025-02-13 09:21
4年前端开发面试题
Vue方向
100道题
vue.js
前端
javascript
面试
vue3
中响应式数组操作的几种方法
在
Vue3
中如何优雅地操作响应式数组以保持性能并实现实时响应?
AI小美好
·
2025-02-13 09:20
vue
web前端
前端问题处理
vue.js
前端
javascript
npm插件开发-多组件(
vue3
+element-plus)
项目初始化首先,创建一个新的项目目录并初始化package.json文件:mkdirmulti-component-plugincdmulti-component-pluginnpminit-y2.安装依赖安装
Vue3
悄悄地秃头
·
2025-02-13 03:35
npm
vue.js
前端
javascript
elementui
基于
Vue3
的简易旋转音乐播放器
先看效果图:在音乐播放时,右下角的图标会不停旋转,暂停时恢复原位。完整代码import{ref,onMounted}from"vue";import{ElNotification}from"element-plus";importmusicfrom'@/assets/music/骆集益-回梦游仙.mp3'constaudio=ref(null);constisRotate=ref(false);c
fsj2009yx
·
2025-02-13 02:59
前端
javascript
vue.js
从零搭建
Vue3
工程化项目实战指南(2025新版)
一、为什么需要工程化?传统开发痛点:手动管理依赖版本缺乏统一构建流程代码规范难以统一项目结构混乱工程化优势:标准化开发流程自动化构建/测试生产环境优化可维护的代码结构二、环境准备(Windows/Mac通用)1.安装Node.js推荐使用nvm管理多版本:#安装nvmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/instal
超浪的晨
·
2025-02-12 18:00
前端
学习
vue.js
vue
前端框架
npm
ajax
vue3
: const一个function怎么写呢?
回答:在
Vue3
中,`ref`和`reactive`是两种常用的响应式数据定义方式。`ref`用于定义单个响应式对象或原始值,而`reactive`用于定义响应式对象。
fury_123
·
2025-02-12 13:56
vue3
javascript
开发语言
ecmascript
Vue3
快速上手
Vue3
快速上手1.
Vue3
简介2020年9月18日,Vue.js发布3.0版本,代号:OnePiece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的
ConstMAO
·
2025-02-12 12:51
前端
vue.js
javascript
前端
UniApp +
Vue3
开发中的坑:无法获取到dom元素的排查过程 无法直接修改style样式的坑
UniApp+
Vue3
开发中的坑:无法获取到dom元素的排查过程无法直接修改style样式的坑欢迎关注『开发必备』专栏,专注于解决你在开发过程中遇到的各种问题,帮你快速找到解决方案,节省大量调试时间。
代码简单说
·
2025-02-12 03:17
开发必备
2025开发必备
uni-app
vue.js
javascript
uniapp获取不到dom元素
vue3
ref获取不到dom
ref获取不到dom元素怎么办
uniapp
vue3
dom
[
vue3
] Ref Reactive
【b站-【前端面试】
Vue3
ref与reactive区别】Ref:Ref用于创建一个响应式的基本数据类型,比如数字、字符串等。它将普通的数据变成响应式数据,可以监听数据的变化。
533_
·
2025-02-12 02:09
vue3
vue.js
前端
javascript
【前端】【面试】ref与reactive的区别
ref与reactive的区别笔记一、概述在
Vue3
的组合式API中,ref和reactive是两个非常重要的响应式工具,它们都用于创建响应式数据,但在使用方式、适用场景和内部实现上存在一些区别。
患得患失949
·
2025-02-12 01:03
面试考题专栏(前后端)
前端
面试
vue3
vue3
在线预览word文件
一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent=ref("");consthandleFileUpload=async(event)=>{constfile=event.target.files[0];if(file){co
·
2025-02-11 21:43
vue3word预览图
Vue3
计算属性
比如说,我们有这样一个包含嵌套数组的对象://jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','
Vue3
-BasicGuide
海绵宝龙
·
2025-02-11 18:05
vue3
vue.js
前端
javascript
Vue3
实现 勾选 + 列表拖拽 + 搜索列表
左侧勾选对应右侧显示右侧删除对应左侧取消勾选效果图:可选属性(共{{items.length}}个)全选{{item.label}}全选-->已选属性(共{{selectedItems.length}}个){{element.label}}置顶删除-->取消确认import{computed,ref,toRefs}from'vue'importdraggablefrom'vuedraggable'
A-sleep
·
2025-02-11 17:59
javascript
vue.js
前端
vue3
+vite assets动态引入图片的几种方式,解决打包后图片路径错误不显示的问题
vite官方默认的配置,如果资源文件在assets文件夹打包后会把图片名加上hash值,但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析,导致开发环境可以正常引入,打包后却不能显示的问题
vue3
A-sleep
·
2025-02-11 17:29
javascript
开发语言
ecmascript
上一页
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
其他