vue.js

vue3 快速入门 (一) : 环境配置与搭建

Vue 3 快速入门 (一):环境配置与搭建Vue.js 是一款非常流行的前端 JavaScript 框架,它适用于构建用户界面和单页应用(SPA)。随着 Vue 3 的发布,更多的特性和改进使其更加高效和易用。在这篇文章中,我们将介绍如何搭建 Vue 3 开发环境,并创建一个简单的应用。1.

【vue2+Flowable工作流,审批流前端展示组件】

在现代Web应用中,工作流管理是一个重要的功能模块,能够帮助企业高效地处理审批、审核等流程。在Vue.js的前端开发框架中,结合Flowable工作流引擎,我们可以构建一个灵活的审批流展示组件。本文将介绍如何使用Vue2和Flowable进行审批流的前端展示,并提供相关的代码示例。一、简单概述Fl

Vue3父子组件传属性和方法调用Demo

在Vue3中,父子组件之间的通讯是一项核心功能,它可以通过 props(父组件向子组件传值)和事件(子组件向父组件传值)来实现。本文将通过一个简单的示例来展示如何使用 Vue3 的父子组件传递属性和方法调用。项目结构为了阐述清楚,首先我们需要明确项目的结构:src/|-- component

学习Vue 3.0中的onMounted和onUnmounted钩子函数

在Vue 3.0中,Composition API的引入使得组件的逻辑组织和管理变得更加灵活和清晰。onMounted和onUnmounted是Vue 3.0中两个非常重要的生命周期钩子,它们可以帮助开发者在组件的生命周期内进行相关的操作,下面我们将详细探讨这两个钩子函数的用法,并通过代码示例来加深

vue前端 从页面上点击一个按钮 弹出弹框跳转其他页面的页面

在现代的前端开发中,用户体验是一个非常重要的方面。使用 Vue.js 构建单页应用时,往往会需要通过一个按钮触发一个弹框,并在弹框中提供跳转到其他页面的功能。本文将详细介绍如何实现这一功能。一、项目准备确保你已经安装了 Vue CLI,并创建了一个新的 Vue 项目。可以使用以下命令来创建一个

Vite、Vue3离线、无网络使用 Iconify 图标(直接上手)

在现代前端开发中,图标的使用已经成为了不可或缺的一部分。Iconify 是一个强大的图标库,它支持各种图标集,并且可以方便地与 Vue 3 等框架结合使用。今天,我们将探讨如何在 Vite 和 Vue 3 项目中,离线使用 Iconify 图标,确保即使在无网络的情况下也能正常调用图标。步骤 1:

SpringBootWeb 篇-深入了解 SpringBoot + Vue 的前后端分离项目部署上线与 Nginx 配置文件结构

在现代web开发中,前后端分离的架构越来越受到青睐。Spring Boot作为后端框架,充分发挥了其快速开发和简洁易用的优势,而Vue.js则以其灵活的组件化开发方式,成为前端开发的热门选择。本文将深入探讨如何将Spring Boot与Vue进行结合,完成一个前后端分离项目的部署上线及Nginx配置

vue项目中使用jsplumb总结

在前端开发中,常常需要对元素之间的关系进行可视化展示,尤其是在图形化的工作流程、流程图或者连接节点的场景中,JSPlumb是一个非常有用的工具。本文将介绍如何在Vue项目中使用JSPlumb,并通过示例代码进行详细说明。什么是JSPlumb?JSPlumb是一个强大的JavaScript库,可以

vue3中使用logicFlow

在 Vue 3 中使用 LogicFlow 是一种高效的方式来构建流程图和图形化界面。LogicFlow 是一个基于数据驱动的图形化库,支持各种图形和节点的绘制,适用于各种应用场景,如工作流设计、业务流程建模等。一、项目准备首先,我们需要创建一个新的 Vue 3 项目。如果您还没有 Vue CL

强烈推荐 25个 前端开源中后台管理系统

在现代前端开发中,中后台管理系统的开源项目越来越受到开发者的关注。这些项目不仅能加速开发进程,还可以帮助开发者学习和借鉴优秀的代码实践。接下来,我将强烈推荐25个优秀的前端开源中后台管理系统,并提供简单的代码示例,供大家参考。1. Ant Design ProAnt Design Pro是基于A