BestHub
Sign in
Tag

Vuex

0 views collected around this technical thread.

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.

Component APIJavaScriptRouter
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 27, 2023 · Frontend Development

Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3

This article examines whether Pinia or Vuex is required for Vue 3 projects by comparing their features, discussing scenarios such as shared state, devtools, hot‑module replacement, TypeScript support, SSR, and offering simple native alternatives with code examples.

PiniaSSRTypeScript
0 likes · 10 min read
Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3
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.

AxiosJavaScriptLazy Initialization
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.

InterviewJavaScriptRouting
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.

ReactReduxVue
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.

Frontend ArchitectureVuexe‑commerce
0 likes · 13 min read
Product Middle Platform Front-end Practice: Micro-frontend Architecture and Visualization Technology Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 16, 2021 · Frontend Development

An Introduction to Frontend State Management: Vuex, Event Bus, and Web Storage

This article explains frontend state management concepts, comparing Vuex, an event bus, and web storage solutions, illustrating their usage with code examples, discussing their advantages and limitations, and guiding developers to choose the appropriate approach for their projects.

Vuexevent busfrontend
0 likes · 7 min read
An Introduction to Frontend State Management: Vuex, Event Bus, and Web Storage
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.

Cross‑PlatformFrontend ArchitectureMini Program
0 likes · 12 min read
vivo Mall Multi-End Unified Frontend Architecture Practice
vivo Internet Technology
vivo Internet Technology
Apr 15, 2020 · Frontend Development

RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development

The article explains how the Remote Service Component (RSC) architecture uses a lightweight Vue‑based EventBus for decoupled communication and integrates Vuex with dynamically generated, namespaced stores to manage shared state across hot‑pluggable, visual‑configurable components, solving inter‑component data sharing and namespace collisions.

EventBusFront-end ArchitectureRSC
0 likes · 16 min read
RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development
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 HandlingJavaScript
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
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.

$onComponent CommunicationEmit
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.

Component CommunicationPropsVue.js
0 likes · 12 min read
Summary of Vue Component Data Communication Methods
Qunar Tech Salon
Qunar Tech Salon
Jan 23, 2019 · Frontend Development

Understanding How Vuex State and Getters Are Mapped to Components and Updated Automatically

This article explains the internal mechanism of Vuex by analyzing how state and getter values are injected into Vue components, how they stay reactive through Vue's data system, and how a central event bus can be used for component communication, providing code examples and source‑code analysis.

Component CommunicationStateVuex
0 likes · 9 min read
Understanding How Vuex State and Getters Are Mapped to Components and Updated Automatically
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