Three months ago, I switched jobs and transitioned from working on a React/Next.js frontend to a Vue 3 frontend.
While this isn't my first time using Vue 3, it is the first time I decided to properly learn it. So, I subscribed to @vueschool_io and started the Vue.js 3 Fundamentals with the Composition API course, thinking, "This is all standard stuff, and I already know everything."
But boy, was I wrong!
It only took two lectures to learn something so small and simple yet incredibly elegant:
<li v-for="{id, label} in items" :key="id">{{ label }}</li>
In all the time I wrote Vue I have never knew this and always went
for this approach:
<li v-for="item in items" :key="item.id">{{ item.label }}</li>
This small discovery showed me the value of taking the time to properly learn a framework. Sometimes, even the smallest tips can make a big difference.
What little coding tricks have surprised you? Share them below!
Top comments (0)