vueschool.io
#1 source for learning Vue.js & the ecosystem. Trusted by 200,000+ developers worldwide.
https://vueschool.io/
549 posts
447 followers
117 following
Prolific Poster
Conversation Starter
comment in response to
post
This gives you fine-grained control over your component's public API. Learn more about defineExpose and other advanced strategies for good component API design from our course: Advanced Components: Exposing Internal State.
https://vueschool.io/courses/advanced-components-exposing-internal-state
comment in response to
post
(2/2)
5. What you can build now that once felt way out of reach.
6. Anything else you want to share.
So, what are you waiting for?
This is a chance to train live with Daniel Kelly and go even deeper into Nuxt, completely on us.
comment in response to
post
Here’s what we’re curious about:
1. What you were trying to learn or build before Vue School.
2. What convinced you to join.
3. Biggest skill upgrade or "aha moment" you’ve had.
4. Any real wins: projects, promotions, or new gigs.
(1/2)↘️
comment in response to
post
📽️ Record a quick Loom video (super casual, no editing needed) and send it to 'team at vueschool .io
OR
✍️ Fill out this short form – it’ll take just a couple of minutes, promise. tally.so/r/w5QvWQ
↘️
comment in response to
post
Now we’d love to hear how Vue School has helped you.
And to say thanks for sharing, you’ll get:
🎁 Free access to the Nuxt Fundamentals Workshop (worth $499) – 5 hours of intensive live training under expert guidance! https://vueschool.io/workshops/nuxt-fundamentals-workshop
↘️
comment in response to
post
• While PrimeVue offers a rich set of components, developers may also explore other UI libraries like Vuetify and Daisy UI for their unique features and design paradigms.
comment in response to
post
• The real strength of PrimeVue lies in its flexibility. Whether you’re building a simple static website or a large-scale web application, PrimeVue gives you the tools to create professional-grade UIs with ease.
comment in response to
post
• Each component is highly customizable, allowing developers to meet complex UI requirements with minimal effort. What sets PrimeVue apart is its rich set of features combined with a minimal footprint, making it ideal for Vue.js and Nuxt.js applications focused on both aesthetics and performance.
comment in response to
post
Good call!
comment in response to
post
More info here:
https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps
comment in response to
post
5.Use `watchEffect` for Reactive Side Effects
6.Leverage `provide` and `inject` for Deep Props Passing
7.Use `shallowRef` for Large Objects
8.Use `defineExpose` to Control Component Public Interface
9.Leverage `effectScope` for Grouped Effects Cleanup
10.Use 2 Script Tags in Single File Components
comment in response to
post
✓ Both APIs are achieving reactivity but each has its unique use-cases. But as a rule of thumb, ref is suitable for the majority of use-cases so it’s recommended to just always use ref.
comment in response to
post
✓ Deciding which to use (https://vueschool.io/lessons/refs-vs-reactive-with-the-vue-3-composition-api) between ref and reactive is completely up to you.
👇
comment in response to
post
- `reactive`: Ideal for creating reactive objects or arrays. The stored data can be accessed by using normal data accessors like dot notation `.` and square bracket notation `[]` .
👇
comment in response to
post
- `ref`: refs are the recommended way to declare reactive state in vue.js. It accepts all data types and we can easily reassign its value to something else. But you have to use `.value` to retrieve the stored data.
👇
comment in response to
post
• So, instead of hard-coding the values directly in your codebase like you can see in the 1st image.
• You can hide the values under environment variables and reference them in the second image.