> Markdown version of [/events/world-congress-2024/sessions/201-common-mistakes-in](https://www.wearedevelopers.com/events/world-congress-2024/sessions/201-common-mistakes-in). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Common Mistakes in Vue.js and How to Avoid Them - **Date:** Thursday, Jul 18, 2024 - **Time:** 16:10–16:40 (30 min) - **Room:** STAGE 5 (500) - **Event:** World Congress 2024 ## Recording [Watch recording](https://www.wearedevelopers.com/videos/958-common-mistakes-in-vue-js-and-how-to-avoid-them) ## Description Building apps with Vue is a delight, but there are some common gotchas you should look out for! In this talk, let’s take a look at some common mistakes that lead to bugs, wasted time, and frustration for Vue.js developers. Topics include: they v-for key attribute, replacing reactive state, failing to clean up event listeners, and more! Many of the mistakes you’ve probably been guilty of yourself (I know I have!). Learn strategies for making the same mistake twice or learn from my own mistakes and the mistakes of others from the community. ## Speaker ### [danielkellyio](https://www.wearedevelopers.com/@danielkellyio) Lead Intructor at Vue School ## Related talks at this congress - [App fortified: Best Practices for Web App Security](https://www.wearedevelopers.com/events/world-congress-2024/sessions/133-app-fortified-best) — Ramona Schwering - [Dos and don'ts with react hooks. An opinionated approach](https://www.wearedevelopers.com/events/world-congress-2024/sessions/431-dos-and-don-ts-with) — Daniel Espino Garcia - [5 tips to know before building a design system](https://www.wearedevelopers.com/events/world-congress-2024/sessions/81-5-tips-to-know) — Dani Coll - [Next.js Unleashed: Optimizing Web Vitals for superior User Experience](https://www.wearedevelopers.com/events/world-congress-2024/sessions/180-next-js-unleashed) — Eileen Fürstenau