BestHub
Sign in
Tagged articles
23 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 14, 2025 · Frontend Development

Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices

This comprehensive tutorial introduces Vue.js core APIs—including component creation, reactive data handling, lifecycle hooks, routing, and state management—illustrates their use through e‑commerce cart and social feed examples, and provides performance tips and common pitfalls for front‑end developers.

JavaScriptRouterState Management
0 likes · 25 min read
Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 8, 2022 · Frontend Development

Understanding the Singleton Pattern in JavaScript: Concepts, Implementations, and Real‑World Applications

This article explains the singleton design pattern, shows standard and lazy implementations in JavaScript with code examples, discusses reducing global variable pollution, and demonstrates practical usage in popular front‑end libraries such as Vuex, Ant Design message, and Axios request cancellation.

JavaScriptSingletonVuex
0 likes · 11 min read
Understanding the Singleton Pattern in JavaScript: Concepts, Implementations, and Real‑World Applications
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
IT Services Circle
IT Services Circle
May 5, 2022 · Frontend Development

Understanding State Management in Frontend Development

State management, the core of frontend development, involves defining state as data changes, handling asynchronous pre‑state logic, and linking post‑state updates to view rendering, with implementations ranging from framework APIs like React’s setState to reactive proxies in Vue and global stores such as Redux, MobX, and Vuex.

MobXReduxState Management
0 likes · 13 min read
Understanding State Management in Frontend Development
vivo Internet Technology
vivo Internet Technology
Mar 23, 2022 · Frontend Development

Product Middle Platform Front-end Practice: Micro-frontend Architecture and Visualization Technology Implementation

The article details how an e‑commerce product middle platform’s front‑end employs visualization technology, a uni‑render approach that shares a Vuex store between an iframe and its parent via a sandboxed Vue instance, and a qiankun‑based micro‑frontend architecture, while addressing cross‑domain and editor integration challenges.

Vuexe‑commercefrontend-architecture
0 likes · 13 min read
Product Middle Platform Front-end Practice: Micro-frontend Architecture and Visualization Technology Implementation
vivo Internet Technology
vivo Internet Technology
Nov 11, 2020 · Frontend Development

vivo Mall Multi-End Unified Frontend Architecture Practice

The article details vivo Mall’s shift to a multi‑end unified frontend architecture using uni‑app, highlighting how a single technical stack reduces development and maintenance costs, accelerates H5 feature migration to mini‑programs, and introduces innovations such as code conversion tools, conditional compilation, advanced Vuex namespace handling, and component‑page decoupling via @vivo/smartx to meet current and future endpoint demands.

Frontend ArchitectureMini ProgramVuex
0 likes · 12 min read
vivo Mall Multi-End Unified Frontend Architecture Practice
Sohu Tech Products
Sohu Tech Products
Mar 25, 2020 · Frontend Development

Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization

This article walks through a multi‑stage refactoring of Vuex API calls for an IoT project, demonstrating how to separate concerns, create a concise olive‑shaped interface, implement custom isomorphic mappers, and normalize responses with three‑level error handling while keeping the codebase maintainable and scalable.

API RefactoringError HandlingState Management
0 likes · 16 min read
Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization
360 Tech Engineering
360 Tech Engineering
Mar 16, 2020 · Frontend Development

Optimizing Vuex API Calls: Separation of Concerns, Olive‑Shaped Interfaces, and Response Normalization

This article walks through three progressive refactoring stages for Vuex‑based API calls—first separating concerns for maintainable code, then introducing a concise “olive‑shaped” interface with dynamic generation or proxy interception, and finally adding response normalization and three‑level error handling to produce robust, low‑maintenance frontend logic.

API RefactoringError HandlingFrontend Architecture
0 likes · 14 min read
Optimizing Vuex API Calls: Separation of Concerns, Olive‑Shaped Interfaces, and Response Normalization
macrozheng
macrozheng
Feb 27, 2020 · Frontend Development

How to Implement Dynamic Menu Permissions in Vue with Router and Vuex

This guide explains how to use Vue Router and Vuex to implement dynamic menu permission control in a Vue-based admin project, covering router splitting, permission module creation, state management, and menu binding to achieve role-based navigation.

Dynamic PermissionsVueVue-router
0 likes · 9 min read
How to Implement Dynamic Menu Permissions in Vue with Router and Vuex
21CTO
21CTO
Jan 10, 2020 · Frontend Development

Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers

This guide presents a high‑level knowledge map for Vue developers, covering essential JavaScript basics, core Vue concepts, component architecture, SPA routing, state management, real‑world tooling, testing, performance optimization, related ecosystems, and advanced frameworks like Nuxt and Vuetify.

JavaScriptNuxtSPA
0 likes · 12 min read
Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers
37 Interactive Technology Team
37 Interactive Technology Team
Dec 10, 2019 · Frontend Development

Vue.js Component Communication Methods and Practical Examples

Vue.js offers multiple component communication techniques—including one‑way props, $emit/$on events, an event bus, $attrs/$listeners, provide/inject, direct $parent/$children/$refs access, Vuex state management, and slot‑based patterns—enabling flexible data flow between parents, children, siblings, and distant descendants.

$onEmitProps
0 likes · 18 min read
Vue.js Component Communication Methods and Practical Examples
政采云技术
政采云技术
Aug 27, 2019 · Frontend Development

Summary of Vue Component Data Communication Methods

This article reviews various Vue.js component communication techniques—including Props, $emit/$on, Vuex, $attrs/$listeners, Provider/Inject, and $parent/$children/$refs—providing explanations, usage scenarios, and code examples to help developers choose the appropriate method for parent-child, sibling, or cross-level data exchange.

PropsVue.jsVuex
0 likes · 12 min read
Summary of Vue Component Data Communication Methods
JD.com Experience Design Center
JD.com Experience Design Center
Nov 23, 2017 · Frontend Development

How I Solved Real‑World Vuex Challenges in a Mobile Maintenance SPA

This article walks through the development of a Vue‑based single‑page application for the JD Car Maintenance project, covering why Vuex was chosen, its core concepts, store implementation, state persistence, cross‑origin handling, Axios/JSONP requests, code refactoring, lazy loading, and component extraction to improve maintainability and performance.

SPAVueVuex
0 likes · 14 min read
How I Solved Real‑World Vuex Challenges in a Mobile Maintenance SPA
Baixing.com Technical Team
Baixing.com Technical Team
Oct 19, 2017 · Frontend Development

How to Build a Drag‑Drop Site Builder with Vue.js: From Data Model to Rendering

This article explains how to design and implement a Vue.js‑based website builder that lets users create multi‑page sites by dragging modules, covering requirement analysis, JSON data modeling, dynamic component rendering, state management with Vuex, and drag‑and‑drop integration.

Drag-and-DropFrontend ArchitectureJSON data model
0 likes · 14 min read
How to Build a Drag‑Drop Site Builder with Vue.js: From Data Model to Rendering
Aotu Lab
Aotu Lab
Jul 21, 2017 · Frontend Development

How We Built a Scalable Vue.js Ecosystem for JD Kids Platform

This article details the challenges of integrating dozens of APIs, complex UI interactions, and rapid multi‑version releases in a JD Kids shopping ecosystem, and explains how Vue, Vuex, Webpack, and a series of custom mixins, routing tricks, and constant management strategies were used to create a maintainable, high‑performance single‑page application.

ComponentMixinSPA
0 likes · 16 min read
How We Built a Scalable Vue.js Ecosystem for JD Kids Platform
Meituan Technology Team
Meituan Technology Team
Apr 27, 2017 · Frontend Development

In‑Depth Source Code Analysis of Vuex State Management Framework

Through a detailed source‑code walkthrough, the article explains how Vuex injects the store via a global mixin, builds a hierarchical module tree, binds and implements dispatch and commit methods, enforces strict‑mode mutation checks with a hidden Vue instance, and enables time‑travel debugging by recording mutations and replacing state.

JavaScriptState ManagementVue.js
0 likes · 24 min read
In‑Depth Source Code Analysis of Vuex State Management Framework
Hujiang Technology
Hujiang Technology
Feb 21, 2017 · Frontend Development

Implementing Server-Side Rendering (SSR) with Vue.js

This article explains how to implement server‑side rendering (SSR) for Vue.js applications, covering the underlying concepts, required code setup, Vuex state handling, webpack configuration, and deployment steps to improve SEO for single‑page applications.

SSRServer-side RenderingVue
0 likes · 14 min read
Implementing Server-Side Rendering (SSR) with Vue.js
Aotu Lab
Aotu Lab
Dec 30, 2016 · Frontend Development

Build a Vue 2.0 + Vuex Timer App: Step‑by‑Step Guide

This tutorial walks you through creating a simple timer application with Vue 2.0, Vue‑Router, Vuex and Webpack, highlighting the differences from Vue 1.0, showing project setup, file structure, core code snippets, and best practices for state management.

JavaScriptTutorialVue.js
0 likes · 18 min read
Build a Vue 2.0 + Vuex Timer App: Step‑by‑Step Guide