vue3简单使用

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

VitePress 自定义 CSS 指南

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

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

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

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

基于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

Python中pandas包的简单使用

下面是pandas的简单使用。1.导入pandas包首先，你需要导入pandas包：importpandasaspd2.创建DataFrameDataFr
细节的温柔·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

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp
逆旅行天涯·2024-09-05 17:26

怎么解决在vue3中watch不及时更新

解决方案1：在processChunk函数中更新questionList.value后再更新questionid.value和firstsendId.value通过调整questionid.value和firstsendId.value更新的位置，我们可以确保它们的值在更新questionList.value之前就已经准备好：constprocessChunk=(chunk:any)=>{if(p
不知名的小Q·2024-09-05 17:53

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。
不知名的小Q·2024-09-05 15:47

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。
Rverdoser·2024-09-05 11:51

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia是Vue3官方推荐的状态管理库，用于代替Vue2中的Vuex。Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。
NMY112·2024-09-05 10:43

Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘

Animportpathcanonlyendwitha‘.ts’extensionwhen‘allowImportingTsExtensions’isenabled.ts-plugin(5097)这个错误消息表明在TypeScript项目中，当allowImportingTsExtensions未启用时，导入路径不能以.ts扩展名结尾。解决方案启用allowImportingTsExtension
fishmemory7sec·2024-09-05 10:10

python读写excel教程_python读写excel

xlwthttp://pypi.python.org/pypi/xlrd简单使用导入xlwtimportxlwt新建一个excel文件file=xlwt.Workbook()#注意这里的Workbook
weixin_39687422·2024-09-05 08:24

后台数据管理系统 - 项目架构设计

项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3
风流野趣fly·2024-09-05 04:00

Vue3实现elementplus实现分页查询，组合式API写法

在Vue3中使用ElementPlus实现分页查询时，通常会利用组合式API（CompositionAPI）来组织代码，使得逻辑更加清晰和模块化。
J不A秃V头A·2024-09-05 04:30

Vue3的router实战演练

VueRouter是Vue官方的客户端路由解决方案。客户端路由的作用是在单页应用(SPA)中将浏览器的URL和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL会随之更新，但页面不需要从服务器重新加载。VueRouter基于Vue的组件系统构建，你可以通过配置路由来告诉VueRouter为每个URL路径显示哪些组件。1.App.vueHelloApp!Currentroutepath:{
J不A秃V头A·2024-09-05 04:29

value值没有根据下拉选择而改变

reactive({type:type.value,provinceId:null,cityId:null,areaId:null,pageNum:1,pageSize:20})在你的代码中，type是一个Vue3
J不A秃V头A·2024-09-05 04:29

android studio SQLite数据库的简单使用

在AndroidStudio中使用数据库可以有多种方式，常见的几种方式包括使用SQLite数据库和使用SQLite数据库SQLite是一款轻量级的关系型数据库管理系统，在Android中被广泛使用。要在AndroidStudio中使用SQLite数据库，需要先创建一个数据库帮助类，这个类继承自SQLiteOpenHelper类，用于创建和管理数据库。在数据库帮助类中，可以定义表结构和数据库操作方法
爱掉发的小龙·2024-09-05 03:57

Element Plus设置表单字段为必填

在使用ElementPlus（一个基于Vue3的ElementUI组件库）时，设置表单字段为必填通常涉及到两个方面：表单验证（Validation）和表单字段的提示信息。
J不A秃V头A·2024-09-05 03:54

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他