BestHub
Sign in
Tagged articles
132 articles
Page 1 of 2
Coder Trainee
Coder Trainee
Apr 16, 2026 · Backend Development

Building a Tech Blog from Scratch (Part 2): Implementing Login Authentication with Spring Security and JWT

This article walks through creating a complete login authentication system—including registration, login, token refresh, and permission control—by replacing Spring Security's default session handling with JWT, configuring backend filters and utilities, and integrating a Vue 3 + Pinia front‑end with automatic token renewal.

AuthenticationJWTSpring Boot
0 likes · 19 min read
Building a Tech Blog from Scratch (Part 2): Implementing Login Authentication with Spring Security and JWT
macrozheng
macrozheng
Mar 10, 2026 · Frontend Development

How We Upgraded Mall Admin Web from Vue2 to Vue3 with TypeScript

This article details the comprehensive migration of the mall‑admin‑web front‑end from Vue 2 to Vue 3, including the shift to TypeScript, replacement of Element UI with Element Plus, adoption of Pinia for state management, and updates to chart libraries, with code snippets and demo links.

Element PlusFrontend UpgradeTypeScript
0 likes · 6 min read
How We Upgraded Mall Admin Web from Vue2 to Vue3 with TypeScript
JavaScript
JavaScript
Jan 14, 2026 · Frontend Development

Why Vue 3 Drops Mixins and How to Switch to the Composition API

Vue 3 discourages the traditional Mixins pattern due to naming conflicts, unclear origins, namespace pollution, and complex inheritance, and recommends the Composition API, which offers explicit imports, conflict avoidance, better TypeScript support, organized code, and improved testability, along with migration steps for existing projects.

Composition APIMixinsTypeScript
0 likes · 5 min read
Why Vue 3 Drops Mixins and How to Switch to the Composition API
JavaScript
JavaScript
Jan 10, 2026 · Frontend Development

Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration

Vue3 replaces the problematic mixins pattern of Vue2 with a powerful Composition API, offering explicit dependencies, clearer source tracing, better TypeScript support, and easier maintenance, as illustrated by code examples and a real‑world fintech migration case.

Composition APITypeScriptVue3
0 likes · 5 min read
Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2025 · Frontend Development

How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects

This article demonstrates a step‑by‑step, multi‑round dialogue with the AI assistant TRAE SOLO to progressively configure UnoCSS for a UniApp + Vue3 + Vite project, covering initial planning, dependency installation, platform‑specific fixes, shortcut creation, dynamic class handling, and component development.

AI CollaborationConfigurationUniapp
0 likes · 18 min read
How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Nov 26, 2025 · Frontend Development

Vue 3 Ecosystem Introduces Real Streaming Rendering

The article introduces vue-renderer-markdown, a zero‑configuration Vue 3 plugin that enables true streaming rendering of Markdown, minimizes re‑renders with incremental DOM patches, and delivers smooth performance for code blocks, Mermaid diagrams, and KaTeX formulas compared with traditional markdown‑it approaches.

MermaidVue3incremental DOM
0 likes · 6 min read
Vue 3 Ecosystem Introduces Real Streaming Rendering
Java Tech Enthusiast
Java Tech Enthusiast
Nov 7, 2025 · Backend Development

Build Dynamic Forms with SpringBoot and JSON Schema: A Complete Guide

Learn how to create flexible, low‑code dynamic forms by leveraging JSON Schema with SpringBoot on the backend and Vue3 on the frontend, covering schema definition, validation, storage, API design, and automatic UI rendering, plus advanced tips for versioning, low‑code builders, and multi‑platform support.

Dynamic FormsJSON SchemaSpringBoot
0 likes · 10 min read
Build Dynamic Forms with SpringBoot and JSON Schema: A Complete Guide
JavaScript
JavaScript
Nov 1, 2025 · Frontend Development

Why Vue 3’s Composition API Beats Mixins: Benefits and Migration Guide

The article explains how Vue 3’s Composition API resolves the naming conflicts, hidden dependencies, and reusability limits of Vue 2 mixins, showcases practical code examples, and describes a real‑world fintech migration that makes component logic clearer and more maintainable.

Code RefactoringComposition APIMixins
0 likes · 6 min read
Why Vue 3’s Composition API Beats Mixins: Benefits and Migration Guide
Code Wrench
Code Wrench
Oct 3, 2025 · Backend Development

Build a Go-Powered Automated Stock Screener with SQLite and Vue3 Visualization

This article presents version 2.0 of a Go-based stock analysis system that upgrades data storage to SQLite, adds MA/MACD indicators, modular strategy engines, daily scheduling, and a Vue3 front‑end, providing full code snippets, configuration examples, and deployment instructions.

AutomationGoSQLite
0 likes · 8 min read
Build a Go-Powered Automated Stock Screener with SQLite and Vue3 Visualization
JavaScript
JavaScript
Oct 1, 2025 · Frontend Development

Why Vue 3’s Composition API Beats Mixins: Real‑World Refactor Insights

Vue 3 replaces the once‑popular mixins pattern with the Composition API, offering explicit dependencies, clearer source tracing, better TypeScript support, and improved maintainability, as illustrated by a fintech trading platform’s migration from tangled mixins to clean, reusable composition functions.

Composition APIJavaScriptMixins
0 likes · 6 min read
Why Vue 3’s Composition API Beats Mixins: Real‑World Refactor Insights
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 30, 2025 · Frontend Development

How to Dynamically Load Vue 2 Components in a Vue 3 Project

This tutorial explains how to integrate a pre‑built Vue 2 component library into a Vue 3 application by dynamically loading the Vue 2 runtime, creating an isolated Vue 2 instance, mounting the component to a dedicated DOM node, and leveraging props for data exchange, while keeping bundle size small.

VueVue2Vue3
0 likes · 6 min read
How to Dynamically Load Vue 2 Components in a Vue 3 Project
Sohu Tech Products
Sohu Tech Products
Sep 10, 2025 · Frontend Development

Boost Your Vue3 Projects: Essential Tools and Quick Start Guides

Discover how to rapidly launch Vue3 applications using create‑vue, Nuxt, uni‑app, electron‑vite, and essential libraries like Vue Router, Pinia, VueUse, VeeValidate, UnoCSS, and UI frameworks, while also learning debugging, testing, and static site generation techniques for modern frontend development.

ToolingUI componentsVite
0 likes · 15 min read
Boost Your Vue3 Projects: Essential Tools and Quick Start Guides
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 27, 2025 · Frontend Development

How to Supercharge Axios in Vue 3 with TanStack Query

This article explains how TanStack Query Vue transforms the plain Axios HTTP client into a full‑featured data layer for Vue 3, offering built‑in caching, pagination, request cancellation, optimistic updates, and devtools, with concrete code examples and side‑by‑side comparisons to pure Axios usage.

Data FetchingTanStack QueryVue3
0 likes · 8 min read
How to Supercharge Axios in Vue 3 with TanStack Query
Alibaba Cloud Native
Alibaba Cloud Native
Aug 17, 2025 · Artificial Intelligence

Building an AI-Powered College Application Assistant with Vue3 and Python

This guide outlines a step‑by‑step process to create a natural‑language‑driven AI system that helps high‑school students fill out college application forms, recommends majors using the Tongyi Qianwen model, and stores data in Supabase, covering frontend design with Vue3, backend services with Python, and integration details.

AICollege ApplicationNatural Language Interaction
0 likes · 8 min read
Building an AI-Powered College Application Assistant with Vue3 and Python
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 20, 2025 · Frontend Development

Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3

Learn how to quickly set up a material management table using the AirPower-Web library with TypeScript, Vue3, and ElementPlus, covering package installation, entity and service definitions, component integration, customization options, and handling varied backend interfaces, all illustrated with code snippets and diagrams.

AirPower-WebElementPlusTypeScript
0 likes · 9 min read
Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 3, 2025 · Frontend Development

10 Must‑Know Vue3 Tricks to Supercharge Your Frontend Projects

Discover ten practical Vue3 techniques—including shallowRef, shallowReactive, toRef/toRefs, watchPostEffect, v‑for keys, custom hooks, v‑model modifiers, keep‑alive, and Web Workers—that boost performance, simplify data handling, and enhance component development for modern frontend projects.

Component DesignReactivityVue3
0 likes · 15 min read
10 Must‑Know Vue3 Tricks to Supercharge Your Frontend Projects
Didi Tech
Didi Tech
Jun 12, 2025 · Frontend Development

Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev

Dimina, Didi’s newly open‑sourced mini‑program framework, combines Vue 3 with a custom compiler to translate mini‑program syntax into native apps, offering a modular, high‑performance, cross‑platform solution that lets developers write a single codebase for Android, iOS, Harmony, and Web, complete with extensive component and API libraries.

DiminaFrameworkMini Program
0 likes · 7 min read
Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 11, 2025 · Frontend Development

How to Build a Custom Vue3 Auto‑Scrolling Table Directive with Element‑Plus

This article explains how to create a custom Vue 3 directive for automatic scrolling of Element‑Plus tables, covering the underlying logic, handling mouse events, conditional scrolling, and integration steps with code examples, enabling developers to implement smooth list carousels without third‑party plugins.

Auto-ScrollDirectiveElement Plus
0 likes · 8 min read
How to Build a Custom Vue3 Auto‑Scrolling Table Directive with Element‑Plus
IT Services Circle
IT Services Circle
May 17, 2025 · Frontend Development

Essential Vue3 Ecosystem Tools and Their Installation Guides

This article introduces a curated collection of Vue 3 ecosystem tools—including create‑vue, TypeScript support, vue‑router, Pinia, Vite, VueUse, ESLint/Prettier, UnoCSS, UI component libraries, debugging plugins, uni‑app, electron integration, VitePress, and Nuxt—providing concise descriptions and npm installation commands to help developers quickly set up modern front‑end projects.

NuxtToolingTypeScript
0 likes · 8 min read
Essential Vue3 Ecosystem Tools and Their Installation Guides
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 26, 2025 · Frontend Development

Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3

This article explains how to build a decentralized micro‑frontend system for Vue 3 using the Vite‑based @originjs/vite-plugin-federation, covering architecture concepts, configuration, dynamic module loading, shared routing, state management with Pinia, and deployment strategies, complete with code examples.

Dynamic LoadingModule FederationVite
0 likes · 15 min read
Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3
iQIYI Technical Product Team
iQIYI Technical Product Team
Apr 10, 2025 · Frontend Development

Design and Implementation of a Customizable Data Visualization Platform for Tianji Business

The Tianji team built a no‑code, component‑based visualization platform using Vue3 and Echarts, where a DSL defines reusable chart cards, tables and other widgets that users drag‑and‑drop onto a 24‑column grid, enabling real‑time, permission‑controlled, personalized dashboards that have already produced over 300 dashboards and 6,000 components for growth operations.

DSLData visualizationECharts
0 likes · 18 min read
Design and Implementation of a Customizable Data Visualization Platform for Tianji Business
JavaScript
JavaScript
Mar 26, 2025 · Frontend Development

Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration Guide

Vue3’s Composition API replaces mixins with explicit, reusable functions, eliminating naming conflicts, hidden dependencies, and improving TypeScript support, as illustrated by a fintech trading platform migration case study. The article also compares the golden age of mixins, outlines their pitfalls, and provides code examples for a smooth transition.

Composition APIJavaScriptTypeScript
0 likes · 6 min read
Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 9, 2025 · Frontend Development

A Comprehensive Guide to Using Pinia for State Management in Vue 3

This article explains why Pinia is a lightweight alternative to Vuex, shows how to install and configure Pinia in a Vue project, demonstrates both option‑store and setup‑store definitions, covers state, getters, actions, destructuring techniques, built‑in helpers like $reset, $patch, $state, $subscribe, and introduces persistence with pinia‑plugin‑persistedstate.

JavaScriptState ManagementVue
0 likes · 9 min read
A Comprehensive Guide to Using Pinia for State Management in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 17, 2025 · Frontend Development

Advanced Vue 3 Reactive APIs: shallowRef, triggerRef, customRef, shallowReactive, toRaw, markRaw, and shallowReadonly

This article explains several advanced Vue 3 reactivity APIs—including shallowRef, triggerRef, customRef, shallowReactive, toRaw, markRaw, and shallowReadonly—detailing their differences from standard refs, performance benefits, usage patterns, and providing complete TypeScript code examples for each.

ReactivityVue3customRef
0 likes · 11 min read
Advanced Vue 3 Reactive APIs: shallowRef, triggerRef, customRef, shallowReactive, toRaw, markRaw, and shallowReadonly
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 17, 2024 · Frontend Development

13 Ways to Pass Data Between Components in Vue 3

This article comprehensively outlines thirteen distinct methods for component communication in Vue 3, covering parent‑to‑child props, child‑to‑parent emits, sibling communication via mitt, $attrs, refs, v‑model, provide/inject, router parameters, Vuex, Pinia, browser storage, window object, and globalProperties, with concise code examples for each.

JavaScriptVueVue3
0 likes · 14 min read
13 Ways to Pass Data Between Components in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 14, 2024 · Frontend Development

How to Transform Your Vue2 Codebase to Vue3 with Script Setup

This article walks through the practical steps for migrating a Vue2 project to Vue3, covering script‑setup syntax, composition‑API patterns, removal of mixins and global variables, file‑naming conventions, and reusable composable functions to achieve a cleaner, more maintainable codebase.

Composition APIScript SetupVue3
0 likes · 11 min read
How to Transform Your Vue2 Codebase to Vue3 with Script Setup
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 1, 2024 · Frontend Development

Migrating a Vue2 Project to Vue3 with Pinia and Composition API

This article details a step‑by‑step migration from Vue 2 to Vue 3, emphasizing the use of the latest Vue 3 version, TypeScript typings, replacing mixins with composition functions, adopting Pinia for state management, and demonstrating how to share and protect reactive state with composition APIs.

Composition APIState ManagementTypeScript
0 likes · 8 min read
Migrating a Vue2 Project to Vue3 with Pinia and Composition API
Open Source Tech Hub
Open Source Tech Hub
Nov 9, 2024 · Frontend Development

Explore the Open‑Source Madong Admin System Built with Vue 3, Vite, and TypeScript

The Madong management system is an open‑source, enterprise‑grade admin solution that combines a Vue 3/Vite/TypeScript front‑end stack with a high‑performance PHP Webman backend, offering features such as component libraries, dynamic menus, permission control, multi‑theme support, and detailed architecture documentation.

PHPTypeScriptVue3
0 likes · 7 min read
Explore the Open‑Source Madong Admin System Built with Vue 3, Vite, and TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 2, 2024 · Frontend Development

Understanding Vue 3 ref, computed, and reactive: Definitions, Usage, and Best Practices

This article explains the purpose and internal implementation of Vue 3’s ref, computed, and reactive APIs, compares their behaviours in script and template contexts, discusses watch strategies, and offers practical guidelines for choosing and modularising these reactive primitives in large‑scale frontend projects.

RefVue3computed
0 likes · 16 min read
Understanding Vue 3 ref, computed, and reactive: Definitions, Usage, and Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 12, 2024 · Frontend Development

Implementing Multi‑Page Print Preview and PDF Export in Vue 3 with vue3‑print‑nb, html2canvas, and jsPDF

This article explains how to achieve paginated print preview and PDF generation in a Vue 3 application by using vue3‑print‑nb for on‑demand printing, html2canvas to capture DOM elements as images, and jsPDF to compose multi‑page A4 PDFs with custom headers, footers, and spacing.

PDFVue3frontend
0 likes · 12 min read
Implementing Multi‑Page Print Preview and PDF Export in Vue 3 with vue3‑print‑nb, html2canvas, and jsPDF
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 9, 2024 · Frontend Development

Implementing a Waterfall Layout with Virtual List in Vue3 and TypeScript

This article provides a step‑by‑step guide on building a responsive waterfall (masonry) layout combined with a virtual list in Vue 3 using TypeScript, covering data preparation, container sizing, position calculation, infinite scroll loading, handling variable card heights, and responsive column adjustments.

Responsive DesignTypeScriptVue3
0 likes · 24 min read
Implementing a Waterfall Layout with Virtual List in Vue3 and TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 30, 2024 · Frontend Development

Varlet Icon Builder: Fast Creation of Enterprise Icon Libraries with Vue and React Support

This article introduces the Varlet icon builder toolchain, which enables rapid creation of enterprise or open‑source icon libraries, supporting SVG to Vue 3, React, ESM/CJS modules, web fonts, automatic component import, Figma integration, and provides CLI commands for development, building, and publishing.

CLIFigmaReact
0 likes · 7 min read
Varlet Icon Builder: Fast Creation of Enterprise Icon Libraries with Vue and React Support
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 26, 2024 · Frontend Development

Step-by-Step Guide to Building and Packaging an Electron Desktop Application with Vue 3 and Vite

This tutorial walks through creating a cross‑platform Electron desktop app using Vue 3 and Vite, covering project setup, Electron installation, configuration of .npmrc and plugins, writing the main process, Vite plugin integration, package.json adjustments, building, Windows and Linux packaging, NSIS installer options, and adding Vue router for navigation.

Desktop ApplicationElectronVite
0 likes · 13 min read
Step-by-Step Guide to Building and Packaging an Electron Desktop Application with Vue 3 and Vite
IT Services Circle
IT Services Circle
Jul 23, 2024 · Frontend Development

Vue2 vs Vue3: Differences, New Features, and Migration Guide

This article provides a comprehensive comparison between Vue 2 and Vue 3, detailing their architectural differences, new features such as the Composition API, TypeScript support, fragments, teleport, suspense, virtual‑DOM optimizations, and guidance on state management, build tools, and migration strategies.

Composition APIJavaScriptVue
0 likes · 20 min read
Vue2 vs Vue3: Differences, New Features, and Migration Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 9, 2024 · Frontend Development

Vue 3 Composition API: defineProps, defineEmits, defineExpose, defineOptions, and defineSlots – Detailed Guide and Usage Examples

This article provides a comprehensive overview of Vue 3's new composition API functions—defineProps, defineEmits, defineExpose, defineOptions, and defineSlots—explaining their purposes, basic usage, practical examples, and suitable scenarios, helping developers master component communication, reuse, and advanced configuration in modern frontend development.

Composition APIVue3defineProps
0 likes · 13 min read
Vue 3 Composition API: defineProps, defineEmits, defineExpose, defineOptions, and defineSlots – Detailed Guide and Usage Examples
Bilibili Tech
Bilibili Tech
Jul 5, 2024 · Frontend Development

Applying Clean Architecture to Front-End Migration: Refactoring a Large-Scale Review Platform from Vue2 to Vue3

The team refactored a high‑traffic Vue2 detail page to Vue3 using Clean Architecture, separating entities, use‑cases, adapters, and framework layers, while employing AST‑based tooling, comprehensive unit/E2E/visual tests, and a gray‑release strategy, resulting in reduced duplication, better test coverage, and a reusable migration pipeline.

AutomationClean ArchitectureVue3
0 likes · 23 min read
Applying Clean Architecture to Front-End Migration: Refactoring a Large-Scale Review Platform from Vue2 to Vue3
Sohu Tech Products
Sohu Tech Products
May 21, 2024 · Game Development

Build a Classic Plane‑Shooter Game with Phaser, Vue3 and TypeScript

This step‑by‑step tutorial shows how to create a browser‑based plane‑shooting game by setting up a Vue3 project, installing Phaser, organizing assets, implementing collision detection, designing preloader, main, and end scenes, encapsulating player, bullet, enemy, and explosion logic in reusable classes, and optimizing collision bounds for a polished HTML5 gaming experience.

Game DevelopmentHTML5Phaser
0 likes · 22 min read
Build a Classic Plane‑Shooter Game with Phaser, Vue3 and TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 18, 2024 · Frontend Development

Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide

This guide walks through setting up a Vue3 project with Vite4, Pinia, and Axios—including version specifications, directory structure, installation commands, Pinia persistence, Axios configuration, auto‑import setup, and Uni‑UI integration—providing complete code snippets for each step.

TutorialUniappVite4
0 likes · 9 min read
Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide
ByteFE
ByteFE
May 10, 2024 · Frontend Development

Understanding and Using Custom Hooks (Composition API) in Vue 3

This article explains the concept of custom hooks—known as the Composition API—in Vue 3, discusses when and why to use them for logic reuse, provides practical examples and code snippets, and shares a curated list of useful Vue 3 hook libraries and resources.

Composition APICustom HooksJavaScript
0 likes · 9 min read
Understanding and Using Custom Hooks (Composition API) in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 18, 2024 · Frontend Development

Implementing One‑Click Theme Switching and Custom Color Themes for ECharts in Vue3 with TypeScript

This article demonstrates how to integrate ECharts into a Vue3 + TypeScript project, create a reusable useEcharts hook for rendering charts, implement one‑click theme switching, and generate custom chart themes from user‑selected colors using the tvision‑color library and Pinia store management.

Custom ColorsEChartsTheme Switching
0 likes · 10 min read
Implementing One‑Click Theme Switching and Custom Color Themes for ECharts in Vue3 with TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 24, 2024 · Frontend Development

Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization

This article walks through the author's journey of rebuilding an online resume with Vue 3 and TailwindCSS, explaining core Tailwind concepts, practical code examples, theme switching, and build‑time optimizations to achieve a maintainable, responsive, and lightweight frontend solution.

Build OptimizationCSS UtilityTailwindCSS
0 likes · 36 min read
Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 25, 2023 · Frontend Development

Comprehensive Guide to Building a Vue3 + Vite + TypeScript Project with Permission Management, Component Encapsulation, and Build Optimization

This article presents a step‑by‑step tutorial for creating a Vue 3 project using Vite and TypeScript, covering project scaffolding, routing and permission control, reusable component and directive encapsulation, custom hooks, Axios configuration, build optimization techniques, and essential TypeScript concepts.

Build OptimizationComponent EncapsulationVite
0 likes · 19 min read
Comprehensive Guide to Building a Vue3 + Vite + TypeScript Project with Permission Management, Component Encapsulation, and Build Optimization
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 1, 2023 · Frontend Development

Why Developers Are Rethinking Element‑Plus, Ref vs Reactive, and Node Version Managers

This article critiques Element‑Plus’s API inconsistencies, debates Vue 3’s ref versus reactive usage, clarifies the v‑for versus v‑if priority question, introduces Volta as a superior Node version manager, examines ESLint versus Prettier decisions, and recounts Didi’s costly Kubernetes outage.

ESLintElement PlusKubernetes
0 likes · 4 min read
Why Developers Are Rethinking Element‑Plus, Ref vs Reactive, and Node Version Managers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 17, 2023 · Frontend Development

Custom Avatar 2.0: A Vue3‑based Online Avatar Customization Tool

This article introduces Custom Avatar 2.0, an open‑source web tool built with Vue3, Vite, TypeScript and Fabric.js that lets users upload a portrait, apply themed frames, stickers, and generate shareable posters, detailing the project architecture, new features, code implementation, and deployment instructions.

Fabric.jsTypeScriptVue3
0 likes · 18 min read
Custom Avatar 2.0: A Vue3‑based Online Avatar Customization Tool
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 17, 2023 · Frontend Development

Comprehensive Vue 3 Tutorial: Project Setup, Option vs Composition API, and Custom Hooks

This tutorial walks through creating a Vue 3 project, explains key changes and the differences between Option API and Composition API, demonstrates useful CLI commands, and provides detailed examples of custom composable hooks such as useWindowSize, usePagination, and useFetch, along with best practices.

Composition APICustom HooksOption API
0 likes · 19 min read
Comprehensive Vue 3 Tutorial: Project Setup, Option vs Composition API, and Custom Hooks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 14, 2023 · Frontend Development

Three.js API Wrapper and 3D Visualization in a Vue3 Project

This article introduces the fundamentals of Three.js, demonstrates how to encapsulate its core APIs into a Viewer class, and walks through building a Vue3-based 3D visualization project with scene, camera, lighting, model loading, skybox, mouse interaction, and helper utilities.

3d-visualizationJavaScriptVue3
0 likes · 13 min read
Three.js API Wrapper and 3D Visualization in a Vue3 Project
php Courses
php Courses
Jul 6, 2023 · Frontend Development

Preventing Duplicate Form Submissions with ThinkPHP6 and Vue3

This article explains how to prevent duplicate form submissions in web applications by disabling the submit button on the Vue3 front end and using a server‑generated token in ThinkPHP6 to verify request uniqueness, providing full code examples for both sides.

BackendThinkPHP6Vue3
0 likes · 7 min read
Preventing Duplicate Form Submissions with ThinkPHP6 and Vue3
Alibaba Cloud Developer
Alibaba Cloud Developer
May 31, 2023 · Frontend Development

Build a Micro‑Frontend Framework from Scratch with Vue3, React15/16 and TypeScript

This article walks through creating a full‑featured micro‑frontend framework using TypeScript, covering sub‑application registration, router interception, sandbox isolation, CSS scoping, inter‑app communication, global state management, caching, and prefetching, all demonstrated with Vue3 as the host and Vue2, React15, and React16 as child apps.

Vue3global-statemicro-frontend
0 likes · 27 min read
Build a Micro‑Frontend Framework from Scratch with Vue3, React15/16 and TypeScript
Sohu Tech Products
Sohu Tech Products
May 4, 2023 · Frontend Development

Everright FormEditor: A Vue3‑Based Visual Form Builder – Features and Implementation Details

Everright FormEditor is a Vue3 visual form editor built on element‑plus and Vant that offers flexible drag‑and‑drop, a rich set of field types, layout containers, internationalization, dual modes, and an internal architecture comprising Fields, Canvas, Selection, Config panels, adapters, and a Node.js backend for persistence.

AdapterDrag-and-DropNode.js
0 likes · 7 min read
Everright FormEditor: A Vue3‑Based Visual Form Builder – Features and Implementation Details
php Courses
php Courses
Mar 10, 2023 · Frontend Development

Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features

The article explains how Vue 3 improves upon Vue 2 by replacing Object.defineProperty with Proxy for reactivity, introducing a refined runtime renderer, a compiler that transforms templates into render functions, and new features such as the Composition API, script setup, and built‑in components like Fragment and Teleport.

Composition APIReactivityVue
0 likes · 6 min read
Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features
ByteFE
ByteFE
Feb 5, 2023 · Frontend Development

Front‑End Development Insights: Monitoring, Low‑Code, TypeScript, Trends, and Performance Optimizations

This collection presents a range of front‑end development insights, including ByteDance’s monitoring practices, low‑code product considerations, DeepKit’s TypeScript runtime capabilities, emerging 2023 trends, web development forecasts, the need for diverse JavaScript frameworks, markdown‑to‑PPT tools, and Vue 3 table performance optimizations.

Vue3low-codemonitoring
0 likes · 5 min read
Front‑End Development Insights: Monitoring, Low‑Code, TypeScript, Trends, and Performance Optimizations
Zhengtong Technical Team
Zhengtong Technical Team
Dec 30, 2022 · Frontend Development

Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform

This article explains how the Wukong low‑code visual platform implements component drag‑and‑drop, covering material‑to‑canvas dragging, intra‑canvas movement, resizing via eight handles, alignment guide generation, performance optimizations using CSS transforms, and component encapsulation with Vue 3.

AlignmentComponentDrag-and-Drop
0 likes · 14 min read
Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform
Laravel Tech Community
Laravel Tech Community
Dec 4, 2022 · Frontend Development

Popular Vue3 UI Frameworks and Their Features

This article reviews several popular Vue3 UI component libraries—including Ant Design Vue, BalmUI, Wave UI, Vuestic, Element+, Ionic, Naive UI, Quasar, and PrimeVUE—highlighting their official sites, key features, component counts, GitHub popularity, and suitability for building modern, responsive frontend applications.

Ant Design VueComponent LibraryIonic
0 likes · 11 min read
Popular Vue3 UI Frameworks and Their Features
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 25, 2022 · Frontend Development

ECharts Configuration‑Driven Development: From Basics to Advanced Component Design

This article explains why ECharts is a popular choice for large‑screen dashboards, introduces the configuration‑driven mindset, demonstrates graphic and animation techniques, and walks through building a reusable Vue 3 base component with dynamic resizing, theming, and empty‑state handling.

ConfigurationData visualizationECharts
0 likes · 13 min read
ECharts Configuration‑Driven Development: From Basics to Advanced Component Design
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 24, 2022 · Frontend Development

Implementing an Icon Component in Vue3: Structure, Props, CSS Variables, and Global Registration

This article walks through building a reusable Icon component with Vue3's Composition API, covering directory layout, prop definitions, TypeScript typing, CSS variable styling, local and global registration, type augmentation, and the use of the defineOptions macro for component naming.

CSS VariablesComponent RegistrationComposition API
0 likes · 25 min read
Implementing an Icon Component in Vue3: Structure, Props, CSS Variables, and Global Registration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 15, 2022 · Frontend Development

Building a Seamless Infinite Scroll Component with Vue 3

This article explains why infinite scrolling is essential for large‑screen dashboards, analyses three implementation strategies, and provides a complete Vue 3 component—including BEM‑styled markup, GSAP‑driven animation, slot‑based content insertion, and optional hover‑pause behavior—to achieve a smooth, endless scrolling list.

BEMComponent DesignGSAP
0 likes · 14 min read
Building a Seamless Infinite Scroll Component with Vue 3
php Courses
php Courses
Oct 19, 2022 · Frontend Development

17 Practical Vue3 UI Component Libraries (Web and Mobile)

This article introduces seventeen useful Vue3 UI component libraries—covering both web and mobile solutions—detailing each library's main features, design philosophy, and official website links to help developers quickly choose suitable components for their projects.

Component ecosystemMobile UIUI Component Library
0 likes · 11 min read
17 Practical Vue3 UI Component Libraries (Web and Mobile)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 9, 2022 · Frontend Development

10 Real‑World Vue 3 Migration Scenarios Every Developer Should Master

This article walks through ten common Vue 3 migration scenarios—parent‑child data flow, two‑way binding, router navigation, context access, slots, component caching, logic reuse, lifecycle hooks, global APIs, and TypeScript integration—providing clear explanations and complete code examples for each case.

Composition APIScript SetupTypeScript
0 likes · 16 min read
10 Real‑World Vue 3 Migration Scenarios Every Developer Should Master
php Courses
php Courses
Sep 15, 2022 · Frontend Development

Advanced Vue 3 Techniques: createVNode, render, JSX/TSX, Dependency Injection, Composition API, and Global Component Registration

This article presents a comprehensive guide to Vue 3 advanced features, covering the use of createVNode and render for dynamic component creation, JSX/TSX advantages, dependency injection with provide/inject, Composition API patterns, utility hooks, global component registration, script‑setup syntax, and the latest v‑model usage, all illustrated with practical code examples.

Composition APIGlobal ComponentsJSX
0 likes · 19 min read
Advanced Vue 3 Techniques: createVNode, render, JSX/TSX, Dependency Injection, Composition API, and Global Component Registration
php Courses
php Courses
Jul 31, 2022 · Frontend Development

Useful npm Packages for Vue3 and Vite3 Development

This article presents a curated collection of npm libraries frequently used in Vue3 and Vite3 source code, offering developers ready‑to‑use tools for terminal styling, CLI interaction, argument parsing, file handling, debugging, environment management, bundling, testing, and more.

JavaScriptToolingVite
0 likes · 7 min read
Useful npm Packages for Vue3 and Vite3 Development
php Courses
php Courses
Jul 14, 2022 · Frontend Development

29 Classic Vue Interview Questions Summary

This article compiles 29 essential Vue interview questions covering Vue 3 design goals, performance optimizations, component structure, Vuex architecture, routing techniques, Composition vs Options API, and common pitfalls, providing a comprehensive study guide for frontend developers preparing for technical interviews.

JavaScriptVueVue3
0 likes · 4 min read
29 Classic Vue Interview Questions Summary
JD.com Experience Design Center
JD.com Experience Design Center
Jul 1, 2022 · Frontend Development

How NutUI’s Collapse Panel Boosts Development Efficiency with Vue3

This article explains the design and implementation of NutUI’s Collapse component, covering its basic interaction, animation techniques using height and transform, flexible header customization, slot-based extensions, SCSS variable usage, and Vue3 provide/inject communication, all illustrated with practical code examples.

CollapseComponent DesignVue3
0 likes · 13 min read
How NutUI’s Collapse Panel Boosts Development Efficiency with Vue3
政采云技术
政采云技术
May 24, 2022 · Frontend Development

An Overview of Module Federation

This article introduces Webpack 5's Module Federation feature, explains its business scenarios, configuration, underlying plugin architecture, and runtime mechanics, provides a practical Vue 3 demo with code snippets, and discusses usage patterns and benefits for micro‑frontend development.

JavaScriptModule FederationVue3
0 likes · 13 min read
An Overview of Module Federation