2024-11-22 厉飞雨 阅读(6) 评论(0) 赞(1)

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

2024-11-22 厉飞雨 阅读(6) 评论(0) 赞(0)

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

2024-11-22 厉飞雨 阅读(6) 评论(0) 赞(0)

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

2024-11-22 厉飞雨 阅读(8) 评论(0) 赞(0)

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

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(2)

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

2024-11-21 厉飞雨 阅读(11) 评论(0) 赞(2)

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

2024-11-21 厉飞雨 阅读(12) 评论(0) 赞(2)

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

2024-11-21 厉飞雨 阅读(7) 评论(0) 赞(3)

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

2024-11-14 厉飞雨 阅读(14) 评论(0) 赞(3)

> 文章已同步至掘金：<https://juejin.cn/post/6844903962286669837> > 欢迎访问😃，有任何问题都可留言评论哦\~ 操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 `v-bind` 处理它们：只需要通过表达式计算出字符串结果即可。 表达式结果的类型除了字符串...

2024-11-14 厉飞雨 阅读(14) 评论(0) 赞(3)

> 文章已同步至掘金：<https://juejin.cn/post/6899365984617332750> > 欢迎访问😃，有任何问题都可留言评论哦\~ 在移动端，通常都会使用 **REM + FLEX布局** 来实现移动端的完美适配。 rem就是根元素(html)的 `font-size` 属性。 Flex布局请参考：**[Flex 布...