51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

Vue 3中如何使用Vue Test Utils进行单元测试?

Vue 3中如何使用Vue Test Utils进行单元测试?

厉飞雨 阅读(5) 评论(0) 赞(0)

使用[Vue Test Utils](/tags/VueTestUtils/)进行单元测试是一个重要的开发实践,可以帮助开发者保证代码质量和可靠性。在Vue 3中,Vue Test Utils提供了丰富的工具和API,使得编写和运行单元测试变得简单和高效。 安装和设置 ----- 首先,我们需要安装Vue Test Utils。进入项目文件夹,通过npm或yarn安装Vue...

Vue 3中如何使用Pinia进行状态管理?

Vue 3中如何使用Pinia进行状态管理?

厉飞雨 阅读(5) 评论(0) 赞(1)

使用[Vue 3](/Vue3/)时,可以通过Pinia进行状态管理,[Pinia](/tags/Pinia/)是一个全新的状态管理库,专为Vue 3开发的。它旨在提供一种简单、可扩展且类型安全的状态管理解决方案。 首先,我们需要安装Pinia。可以通过运行以下命令来安装: ``` npm install pinia@next ``` 然后,在main.js中导入和使用P...

Vue3编译优化:减小应用体积和提升加载速度

Vue3编译优化:减小应用体积和提升加载速度

厉飞雨 阅读(5) 评论(0) 赞(0)

减小[Vue3](/Vue3/)应用体积和提升加载速度是每个开发者都面临的重要挑战。在这篇文章中,我们将讨论一些优化技巧和策略,帮助您以更高的效率进行Vue3应用的编译和部署。 优化编译配置 ------ 在开始任何优化之前,了解Vue3的编译配置是至关重要的。Vue3提供了一个全新的编译器,可以通过修改编译配置文件来进行优化。您可以利用这些配置文件来剔除不必要的功能和组件...

Vue3测试指南:编写高质量、可靠的单元测试和集成测试

Vue3测试指南:编写高质量、可靠的单元测试和集成测试

厉飞雨 阅读(5) 评论(0) 赞(0)

[Vue3](/Vue3/)测试指南:编写高质量、可靠的单元测试和集成测试 <br /> 引言: --- 在软件开发中,测试是保证代码质量和可靠性的重要手段之一。对于Vue3这样一个流行的JavaScript框架而言,编写高质量、可靠的单元测试和集成测试至关重要。本文将为您提供一份Vue3测试指南,帮助您学习如何编写出令人满意的测试代码。 <br /&...

Vue3编译优化:减小应用体积和提升加载速度

Vue3编译优化:减小应用体积和提升加载速度

厉飞雨 阅读(6) 评论(0) 赞(0)

减小[Vue3](/Vue3/)应用体积和提升加载速度是每个开发者都面临的重要挑战。在这篇文章中,我们将讨论一些优化技巧和策略,帮助您以更高的效率进行Vue3应用的编译和部署。 优化编译配置 ------ 在开始任何优化之前,了解Vue3的编译配置是至关重要的。Vue3提供了一个全新的编译器,可以通过修改编译配置文件来进行优化。您可以利用这些配置文件来剔除不必要的功能和组件...

Vue 3中如何使用Element Plus进行UI开发?

Vue 3中如何使用Element Plus进行UI开发?

厉飞雨 阅读(5) 评论(0) 赞(2)

[Vue 3](/Vue3/)是一套用于构建用户界面的开源JavaScript框架,它提供了许多方便易用的工具和功能。在Vue 3中,我们可以通过使用Element Plus进行UI开发,来快速搭建出功能强大、美观且易于维护的用户界面。 Element Plus是一套基于Vue 3的开源UI组件库,它是对开发者友好且高度可定制的。使用Element Plus,我们可以轻松地构...

关于vue中v-for中使用bootstrap 5的modal弹框出现的问题

关于vue中v-for中使用bootstrap 5的modal弹框出现的问题

厉飞雨 阅读(9) 评论(0) 赞(2)

前言 === 今天在实现一个简单的业务逻辑的时候遇到了一个问题,让我十分头疼,但是又找不到如何解决。 技术涉及:vue+bootstrap 问题场景: 在一个类似导航的分类中,有许多个nav的`div`,要求点击每个框,都有弹窗,并且弹窗中的内容会根据点击的`div`不同而展示不同的内容。 问题复现: 使用bootstrap 中modal弹框,我给`div`加上了`...

Vue学习笔记

Vue学习笔记

厉飞雨 阅读(10) 评论(0) 赞(2)

Vue开发前准备 ======== 需要去官网[Home \| Vue CLI (vuejs.org)](https://cli.vuejs.org/zh/index.html)安装cli,cli是官方的vue开发环境。 安装成功后,可以通过命令来检测是否安装成功 ```lang-text vue --version ``` 创建项目命令(名字要求全小写) ```la...

Vue监听路由中传参的变化-关于watch的使用方式

Vue监听路由中传参的变化-关于watch的使用方式

厉飞雨 阅读(6) 评论(0) 赞(3)

前言 === 今天在做一个简单的搜索业务的时候,前端通过vue的路由传值进行发送请求到后端,然后获取搜索结果。 但是发现了一个问题,那就是一开始参数传递过去的时候,可以进行搜索,但是在搜索页面进行再次搜索(也就是更改路由的参数变量的时候,不会得出搜索结果)。 原因是:当前的发送请求是在mounted这个函数中,只会在页面的首次加载执行,因此第一次传参进入搜索的时候能够正确...

nginx 413 Request Entity Too Large

nginx 413 Request Entity Too Large

厉飞雨 阅读(12) 评论(0) 赞(2)

413 Request Entity Too Large 是在上传文件中较常出现的一个错误,即正在上传的文件超过了允许上传的最大限制,禁止上传。 ![](http://static.51tbox.com/static/2024-11-20/col/32dcc40ffb89670c3370d36539600f30/2a0df07525a54175bc10d91a176b6c4b...