Learning Vue

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!

The above is the detailed content of Learning Vue. For more information, please follow other related articles on the PHP Chinese website!