Vue3组件化开发实战

前端引入ffmepg 对视频画矩形贴图

业务场景：和后端联调中视频监控需要把人员位置框出，返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架vue3+vite+typeScript引入ffmepgnpmi@ffmpeg
全赣州最老实的男人guoy·2024-09-08 22:09

解决Vue 2.0 安装 vue-router 不成功问题

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本[email protected]
什么都是已存在·2024-09-08 21:32

VitePress 布局插槽使用指南

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。VitePress的默认主题提供了丰富的布局插槽，允许开发者在页面的特定位置注入自定义内容。
软考鸭·2024-09-08 14:47

Module “console“ has been externalized for browser compatibility.

1.问题描述Vue3.5.3中import{error}from"console";出现以下错误__vite-browser-external:console:3UncaughtError:Module"console"hasbeenexternalizedforbrowsercompatibility.Cannotaccess"console.error"inclientcode
NavinCodeSpace·2024-09-08 14:46

了解elementUI的底层源码, 进行二次开发

ElementUI的底层源码并进行二次开发，你需要掌握以下几个关键点：Vue.js原理ElementUI是基于Vue.js构建的，因此首先需要熟悉Vue.js的核心概念和机制，包括：●组件系统：Vue.js的组件化思想
java我跟你拼了·2024-09-08 12:28

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint

server:{port:3300,cors:true,proxy:{}},build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser（ESLint解析器）pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码，就要使用@babel/core模块。pnpmadd@babel/esl
2401_84446882·2024-09-08 10:51

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(2)

build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser（ESLint解析器）pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码，就要使用@babel/core模块。pnpmadd@babel/eslint-parser@latest-D#####第五步安装prettier(
2401_84446882·2024-09-08 10:21

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(1)

第三步安装vite-plugin-eslint//该包是用于配置vite运行的时候自动检测eslint规范，不符合页面会报错pnpmaddvite-plugin-eslint@latest-D//安装最新版eslint-plugin-vuepnpmaddeslint-plugin-vue@latest-D配置vite.config.jsimport{defineConfig}from'vite'i
2401_84446882·2024-09-08 10:21

花十分钟将vue3前端项目一步一步自动化部署到linux的docker上

要编写与ASM兼容的代码，开发人员需要使用UserIdService中的takeUserId()函数来确定OCC调用中使用的userId。这通常在一个服务中完成，该服务调度一个在有效负载中包含userId的Action.在Spartacus官方支持ASM场景之前，在代表经过身份验证的用户发送的请求中，OCCuserId是特殊的currentOCC用户，由OCC_USER_ID_CURRENT常量表
东方睡衣·2024-09-08 10:15

vue3找不到模块“element-plus”或其相应的类型说明

假设你npminstallelement-plus，之后项目已经有了模块，但是引入的时候说找不到但是在package.json已经有了解决办法：在src文件夹下创建一个文件，可以自定义名字，但是后缀是.d.ts将你没有的模块导入进来
拿铁不拿铁·2024-09-08 07:29

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素，需要引入接口然后在切换tabbar时，改变tabbar当前点击的元素importgetListfrom'../api/kdh'Component({data:{}.
牛奶皮子·2024-09-08 07:23

Vue3+elementplus实现图片上传下载（最强实践）

图片上传子组件：实现照片的上传，预览，以及转成以逗号隔开的图片地址，即时监听，并发送消息到父组件。Loading...import{computed,ref,watch}from'vue';import{upload}from'@/api/file'import{ElMessage}from'element-plus'importemitterfrom'@/utils/emitter'//上传文件
J不A秃V头A·2024-09-08 06:17

前端开发必看：2024年最受欢迎的前端框架大盘点

它通过组件化的方式让开发者能够高效地管理UI状态。特点组件化：React允许开发者将UI拆分为可复
码上飞扬·2024-09-08 00:11

VitePress 自定义 CSS 指南

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。尽管VitePress提供了丰富的默认主题，但在某些情况下，我们可能需要对其进行更深入的定制以满足特定的视觉需求。
软考鸭·2024-09-08 00:36

前端框架有哪些？

随着Web越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：Bootstrap
赎罪゛·2024-09-07 20:10

Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design

项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件，复制粘贴即可使用！
咏春-迪迦·2024-09-07 19:05

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild
司徒小北·2024-09-07 19:29

Pinia+Vue3使用案例及Pinia持久化存储

为什么要使用PiniaPinia是Vue的一个存储库，它允许你跨组件/页面共享状态。如果你熟悉CompositionAPI，你可能会认为你已经可以通过一个简单的导出conststate=reactive({})来共享一个全局状态。这对于单页应用程序是正确的，但如果是服务器端呈现，则会暴露应用程序的安全漏洞。但即使是在小的单页应用程序中，你也可以通过使用Pinia获得很多:热模块替换修改存储而无需重
m0_67401228·2024-09-07 17:52

前端面试遇到的问题记录（实习）

一、vue2和vue3的区别Vue2和Vue3之间存在一些重要的区别，这些差异主要体现在架构、API、性能优化和开发体验等方面。
为什么没有实习·2024-09-07 17:19

活动火热报名中｜搜索进化论：基于大模型的企业级AI搜索

搜索开发工作台，是阿里云为企业及开发者打造的先进AI搜索平台，具备丰富的组件化服务与强大的模型能力。
阿里云大数据AI技术·2024-09-07 15:04

vue3和vue2的双向绑定原理

在Vue2和Vue3中，双向绑定的实现原理有所不同。
m0_73882020·2024-09-07 10:57

vue3+vite+electron开发桌面端应用流程

一、创建项目初始化项目:npminitvite@latest'projectname:输入项目名称，selectaframework:选择框架vueselectavariant：选择使用js或者ts安装默认依赖包:进入项目，npminstall安装electron:npminstall--save-develectron安装热加载(自动加载更新):npminstallelectron-reload
沪cares·2024-09-07 09:21

vue3中provide和inject使用。

在Vue3中，provide和injectAPI是一种非常强大的功能，用于在组件层级之间传递数据，特别是在处理深层嵌套组件时非常有用。
gxw_viva·2024-09-07 08:43

Vue 3 中 provide 和 inject 高级用法与最佳实践

《Vue3中provide和inject高级用法与最佳实践》一、基本概念二、高级用法（一）提供函数（二）响应式数据（三）多值提供三、最佳实践（一）封装通用服务（二）避免过度依赖（三）命名规范（四）结合Vuex
暖阳浅笑-嘿·2024-09-07 07:12

Vue 3 中的 provide 和 inject 跨组件通讯

在Vue3中，provide和inject的使用方式略有不同，但依然提供了强大的功能来实现跨组件通信。1.祖先组件提供数据在祖先组件中使用provide提供数据。
u010373106·2024-09-07 06:03

vue3，贪吃蛇

得分:{{score}}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted,}from"vue";/***@param{value}0-空格子1-蛇蛇2-食物*@param{ROW}行数*@param{COL}列数*@param{direction}蛇蛇移动方向0-
har01d·2024-09-07 04:20

在 Vue 3 中，如何使用 Teleport 来优化组件的 DOM 结构？

在Vue3中，是一个内置组件，它允许你将组件的DOM输出到组件外部的DOM节点中。
盼盼盼·2024-09-07 01:28

【vue3+ts+vant】上传图片

1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c
lisa带你捕蟑螂·2024-09-07 00:54

使用vue3+ts封装一个自动补全输入框Autocomplete组件

创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。
温暖前端·2024-09-07 00:22

uniapp，vue3，ts，接口封装、小程序登录

在src下创建public文件夹，在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol
程序猿_“大神”·2024-09-06 23:19

vue3+ts封装类似于微信消息的组件

组件代码如下：{{duration}}'' {{duration}} ''import{ref,computed,withDefaults,onBeforeUnmount}from"vue";//使用withDefaults提供默认值constprops=withDefaults(defineProps(),{isSent:false,iconColor:"#000000",b
月伤59·2024-09-06 23:47

css deep深度选择器 vue2/vue3使用

vue2/deep/>>>::v-deepvue3:deep(inner-selector){}
saunte·2024-09-06 22:46

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。
"*smile*"·2024-09-06 22:14

CSS Vue3深度选择器

技术栈：Vue3TypeScriptViteVant1.在template中的布局2.当我们在style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理
不叫虎子·2024-09-06 22:42

Vue2、Vue3中 CSS 样式穿透

gt;>.类名>>>.类名{样式}二、（sass、less中）：/deep//deep/.类名{样式}三、（sass、less中）：::v-deep::v-deep.类名{样式}Vue3
lsy1234565·2024-09-06 22:41

vue中的css深度选择器

在Vue.js项目中，尤其是在使用组件化开发时，我们时常需要修改组件内部的样式，但Vue的样式封装特性（如）会阻止外部样式直接作用于组件内部。
呼叫6945·2024-09-06 21:37

vue3.5新增特性

1.响应式内部源码优化2.Props的解构比较方便设置默认值解构后依旧是响应式//子组件const{message="默认值message",count=0}=defineProps({message:String,count:Number})//编译器会自动对解构变量（message,count）的访问编译到props.count中，因此在访问时会跟踪它//所有在watch解构的props时，需
是云呀！·2024-09-06 12:04

【卷起来】VUE3.0教程-04-表单输入绑定

Hello，各位老铁，今天我们继续给大家讲解VUE3.0教程，本期我们讲述一下VUE中的表单输入绑定，在实际开发过程中，表单的输入是我们常见的功能，那么我们接下来看看，VUE是如何处理的。
听潮阁·2024-09-06 12:03

工作记录：vue3配置proxy代理服务器

修改vie.config.ts下边的server//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{"@":resolve(__dirname,"./src")}},server:{host:"0.0.0.0",//"0.0.0.0"network和loaclhost地址都会显
醇醇大魔王·2024-09-06 12:02

如何通过Docker搭建一个swoft开发环境

Swoft首个基于Swoole原生协程的新时代PHP高性能协程全栈组件化框架，内置协程网络服务器及常用的协程客户端，常驻内存，不依赖传统的PHP-FPM，全异步非阻塞IO实现，以类似于同步客户端的写法实现异步客户端的使用
八重樱。·2024-09-06 08:04

基于Vue3.X + Typescript实现的在线PPT制作工具，开源！

嗨，大家好，我是徐小夕。之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如：H5-Dooring（页面可视化搭建平台）V6.Dooring（可视化大屏搭建平台）橙子6试卷（表单搭建引擎）Nocode/WEP文档知识引擎最近在研究办公三件套（WPS），打算做个纯WEB版本的，偶然在github上发现了一款非常有意思的开源项目，它模仿了Office的PPT制作模
徐小夕@趣谈前端·2024-09-06 05:17

前端系列-9 Vue3生命周期和computed和watch

背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止前端文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。
Ewen Seong·2024-09-06 03:36

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quicks
LB_bei·2024-09-06 01:24

uni+vue3请求响应拦截器(js/ts)

一、uni+vue3+js请求响应拦截器新建utils文件夹，下面新建request.jsletbaseUrl='http://域名:端口'exportdefault{request(options){
web_Bennu·2024-09-06 00:16

Vue3封装的请求拦截

importaxiosfrom"axios";constinstance=axios.create({baseURL:'http://127.0.0.1:8888/api/private/v1/',//工作时把地址替换后端的地址timeout:3000,//工作时把端口号替换后端给的端口号headers:{'X-Custom-Header':'foobar'}});//添加请求拦截器instanc
Web_Lxz·2024-09-05 23:10

Vue3通用请求响应拦截器与请求方法封装

文章目录请求响应拦截器：请求拦截器响应拦截器：错误处理统一请求封装：请求响应拦截器：请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf
@泽栖·2024-09-05 23:07

搭建一个组件库（vue3）

1.Monorepo（单仓库，多项目）作用:在一个项目里面管理多个模块，并且互不干扰npminstallpnpm-g2.初始化package.jsonpnpminit3.新建配置文件.npmrc//扁平化依赖解决幽灵依赖的问题shamefully-hoist=true4.新建pnpm-workspace.yaml仿照elemen-uipackages:-'packages/**'-'example
yu_zhili·2024-09-05 22:04

vue3 动态组件component不生效问题

问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。
技术钱·2024-09-05 22:30

monorepo搭建项目

7081440800143310884安装pnpmmonorepo的项目，限制只能使用pnpm如果已经安装了pnpm可以跳过此步骤安装pnpm命令：npmipnpm-g初始化项目首先新建一个文件夹，名为vue3
讨口子·2024-09-05 22:59

物联网平台开发核心技术揭秘-架构设计篇

引言上一篇物联网平台开发实战-初探从宏观层面了解了物联网平台相关内容。随着物联网的快速发展和普及，越来越多的企业和机构开始构建自己的物联网平台。
架构师修炼·2024-09-05 19:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他