BestHub
Sign in
Tagged articles
18 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 21, 2025 · Frontend Development

Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref

This article provides a comprehensive guide to Vue 3 component communication, covering parent‑to‑child props, child‑to‑parent emit, sibling communication via parent mediation, event bus, Pinia state management, provide/inject, shared reactive objects, and component instance references, with code examples and a comparison table.

EmitPropscomponent communication
0 likes · 13 min read
Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 6, 2025 · Frontend Development

Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns

This article compares React 18 and Vue 3 component communication techniques—including parent‑child, sibling, and cross‑level patterns—provides detailed code examples for props, emit, context, provide/inject, and summarizes their respective advantages and use cases in modern web development.

Context APIJavaScriptReact
0 likes · 13 min read
Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns
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
Aug 10, 2024 · Mobile Development

Implementing a Four-Level Address Cascade Component with Custom Dialog in Huawei HarmonyOS (Next)

This tutorial demonstrates how to build a four‑level province‑city‑district‑town address cascade selector using a custom dialog in Huawei HarmonyOS, covering preparation, custom dialog creation, component communication, logic implementation, and data handling with complete code examples.

Address CascadeCustom DialogDevEco Studio
0 likes · 14 min read
Implementing a Four-Level Address Cascade Component with Custom Dialog in Huawei HarmonyOS (Next)
Alipay Experience Technology
Alipay Experience Technology
Mar 18, 2022 · Frontend Development

Boost Mini‑Program Development with jQuery‑Style Functional Components

This article introduces a jQuery‑style functional programming approach for mini‑program development, compares it with traditional Class components and React Hooks, demonstrates a simple input‑popup component with code examples, and explains how the method simplifies component communication and maintenance.

component communicationfrontendfunctional components
0 likes · 10 min read
Boost Mini‑Program Development with jQuery‑Style Functional Components
WecTeam
WecTeam
Apr 2, 2020 · Frontend Development

How to Optimize WeChat Mini Program Performance: Data, Components, and SASS Tips

This article explains how to keep WeChat mini‑programs fast and small by wisely managing the Page data object, using customData or pureData, choosing proper component communication methods, limiting SASS nesting, and handling templates, imports, and main‑package resources.

Performance OptimizationSassWeChat Mini Program
0 likes · 15 min read
How to Optimize WeChat Mini Program Performance: Data, Components, and SASS Tips
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
Weidian Tech Team
Weidian Tech Team
Nov 15, 2019 · Frontend Development

Master Vue’s Provide/Inject: Simplify Component Communication

This article explains Vue’s provide/inject API, how it enables ancestor components to share data with any descendant, compares it to Vuex for global state, shows practical code examples, discusses limitations and best‑practice guidelines, and demonstrates its use in component libraries like Element UI.

Provide/InjectVuecomponent communication
0 likes · 8 min read
Master Vue’s Provide/Inject: Simplify Component Communication
政采云技术
政采云技术
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
Meituan Technology Team
Meituan Technology Team
Nov 8, 2018 · Mobile Development

iOS Component Communication: Category Techniques, Dependency Inversion, and Risk Management

The article explains how Objective‑C Categories can implement a low‑overhead, type‑safe communication layer between iOS components, compares alternative patterns like DI, SPI and NotificationCenter, presents performance data, and proposes two Category‑based schemes with tooling to detect method‑name conflicts and ensure maintainable modular architecture.

CategoryDependency InversionLinkMap
0 likes · 31 min read
iOS Component Communication: Category Techniques, Dependency Inversion, and Risk Management
UC Tech Team
UC Tech Team
Nov 8, 2018 · Frontend Development

React vs Vue: Building the Same ToDo App – Key Differences Explained

This article walks through building an identical ToDo application with React and Vue, comparing their project structures, data mutation mechanisms, component communication, event handling, and code examples, helping developers understand the practical differences between the two popular frontend frameworks.

ReactState ManagementTodo App
0 likes · 12 min read
React vs Vue: Building the Same ToDo App – Key Differences Explained
Suishouji Tech Team
Suishouji Tech Team
May 23, 2018 · Mobile Development

A Lightweight Event Bus for Android: Simplify Component Communication

This article introduces a lightweight event notification framework for Android, explaining its design, core interfaces, event manager implementation, usage examples with login/logout scenarios, lifecycle considerations, duplicate event checks, and compares it to traditional observer patterns.

AndroidKotlinObserver Pattern
0 likes · 10 min read
A Lightweight Event Bus for Android: Simplify Component Communication
Tencent TDS Service
Tencent TDS Service
Dec 1, 2016 · Mobile Development

Master WeChat Mini‑Program Development with the Wepy Framework: A Complete Guide

This article introduces the Wepy framework for building WeChat mini‑programs, covering its architecture, demo projects, quick start commands, coding conventions, component communication, data binding, NPM integration, and performance optimizations to help developers create modular, ES6‑based mobile applications efficiently.

Mobile Developmentcomponent communicationdata binding
0 likes · 11 min read
Master WeChat Mini‑Program Development with the Wepy Framework: A Complete Guide