7 Secret Patterns Vue Consultants Don't Want You to Know
summary
Seven concrete patterns are shown: require.context to auto-register base components, smarter watchers with immediate handlers, CSS as module to avoid global specificity leaks, and lazy-loaded routes that split bundles (one example moves Lighthouse from timed out to 92). Transparent wrappers use $listeners, $attrs and inheritAttrs: false to forward events and attributes cleanly; functional render functions return arrays to produce multiple root nodes; examples live in a Vue Enterprise Boilerplate repo.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:31Secrets
- 3:17Smarter Watchers
- 5:58Component Registration
- 9:55Scoped CSS
- 14:40Lazy-Loaded Routes
- 17:36Transparent Wrappers
- 28:58Single Root Components
- 33:52Custom SFC Blocks
- 38:15Can't get enough?
- 42:20Q+A
related talks
26m7 secret patterns Vue consultants don't want you to know
44m7 Secret Patterns Vue Consultants Don’t Want You to Know
29mAdvanced Vue.js features and patterns in the enterprise
19mPatterns for Large Scale Vue.js Applications
24mPatterns for Large Scale Vue.js Applications
26mPhenomenal Design Patterns In Vue
37mPatterns for Large Scale Vue.js Applications
10mSimplifying Complex Forms in Vue