Tag

Scoped CSS

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 5, 2025 · Frontend Development

Using JSX/TSX in Vue 3: Component Definition, Syntax, Props, Scoped CSS, and Slots

This article provides a comprehensive guide to using JSX/TSX in Vue 3, covering project setup, the defineComponent API, option and function syntax, data binding, event handling, slots, scoped CSS, and various approaches to defining and simplifying props with TypeScript.

JSXScoped CSSTSX
0 likes · 22 min read
Using JSX/TSX in Vue 3: Component Definition, Syntax, Props, Scoped CSS, and Slots
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 4, 2024 · Frontend Development

Understanding Vue Form Validation, Scoped Data Attributes, Build Output, Remote Component Loading, and Render‑Function Dropdown

This article explains the principles and implementation details of Vue form validation, the generation of scoped data‑v‑xxx attributes, the composition of build output files, remote loading of .vue components, and how to create a dropdown menu using the render function, providing code examples and step‑by‑step explanations.

Dynamic ComponentRender FunctionScoped CSS
0 likes · 17 min read
Understanding Vue Form Validation, Scoped Data Attributes, Build Output, Remote Component Loading, and Render‑Function Dropdown
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 12, 2022 · Frontend Development

Implementing a CSS Sandbox for Qiankun: Shadow DOM and Scoped CSS Isolation

This article explains how to build a CSS sandbox for Qiankun micro‑frontends by using Shadow DOM for strict style isolation and a Scoped CSS approach for experimental isolation, providing step‑by‑step code examples, underlying principles, and a final Web Component implementation.

CSS sandboxScoped CSSWeb Component
0 likes · 11 min read
Implementing a CSS Sandbox for Qiankun: Shadow DOM and Scoped CSS Isolation