Vue3学习记录第3页

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

搭载python环境

超级小白学习记录搭载python环境一：找官网下载python二：python是否可以在电脑上找到，用cmd打一下python看看是否有弹出三：有弹出直接用，无弹出信息则用环境变量改一下四：环境变量在高级系统设置中

guluguluduang·2024-09-06 20:28

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

学习记录——语义分割和实例分割的标签结构

语义分割：一张样本，生成一张掩码图像标签。灰度图像，背景亮度为0，每个目标根据分类赋予不同亮度——1，2，3......实现像素级的类别区分，但无法区分个体。实例分割：原理：一张样本，生成一个多通道的Mat矩阵，也就是多张掩码图像叠在一起。每张掩码图负责存储一个类别的目标，亮度只有0和1，通过通道号区分每个类别。同时，每张掩码图内，每个目标拥有ID号（通过增加一个维度实现），负责区分一个类别中的每

落叶击球·2024-09-06 08:05

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

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

徐小夕@趣谈前端·2024-09-06 05:17

开开心心最重要

1.难得2月9号，10号这两天没什么工作内容，不过我也充分利用了这两天，闲里时间，紧张的学习记录一些文章套路，为以后写文章打下一定的基础，但愿还是有用的吧。

进步记录2020·2024-09-06 04:45

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

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

Ewen Seong·2024-09-06 03:36

冶金加热炉学习记录11加热制度

11、加热炉的热制度正确选择钢坯加热工艺，不仅要考虑钢坯的加热温度，还应考虑断面上的温度差，即温度的均匀性。加热炉热制度的确定是进行物料加热计算的前提，也是炉子投产后热工操作制度的依据。钢种不同，料坯的形状、尺寸不同，加热炉的热制度亦应有所区别。对压力加工前的钢坯加热炉而言，钢坯的加热制度可分为：一段加热制度、二段加热制度、三段加热制度。一段式加热制度（也称一期加热制度）是把钢坯放在炉温基本上不变

改善昨天的自己·2024-09-06 02:54

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

Flutter学习记录-基础控件

statelesswidget没有内部状态.Icon、IconButton,和Text都是无状态widget,他们都是StatelessWidget的子类。statefulwidget是动态的.用户可以和其交互(例如输入一个表单、或者移动一个slider滑块),或者可以随时间改变(也许是数据改变导致的UI更新).Checkbox,Radio,Slider,InkWell,Form,andTextF

薰舞空·2024-09-06 00:47

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

（深度学习记录）：第T3周：天气识别

>-**本文为[365天深度学习训练营](https://mp.weixin.qq.com/s/rbOOmire8OocQ90QM78DRA)中的学习记录博客**>-**原作者：[K同学啊|接辅导、项目定制

liuyiqi1·2024-09-05 13:02

第R3周：天气预测

本文为[365天深度学习训练营]中的学习记录博客参考文章：第R3周：LSTM-火灾温度预测（训练营内部可读）作者：[K同学啊]任务说明：该数据集提供了来自澳大利亚许多地点的大约10年的每日天气观测数据。

Jessica2017lj·2024-09-05 13:30

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

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

Rverdoser·2024-09-05 11:51

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

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

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

项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：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