Javascript is required
Weekly Vue News Logo Weekly Vue News

Document is empty, overwrite this content with #empty slot in <ContentDoc>.

Weekly Vue.js News - #52 - v-if vs. v-show

Migrated Issue
Expect missing links and broken styling, as this issue has been migrated from my previous newsletter service.

Hi 👋

I'm still on our honeymoon, so you can expect more introductory words in the next issues.

In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.

Have a great week ☀️

Vue Tip: v-if vs. v-show

During toggles, v-if entirely creates and destroys the element, including event listeners and child components:

Example template using v-if

v-show creates the element and toggles its visibility using CSS.

Example template using v-show

v-if has higher toggle costs while v-show has higher initial render costs.

Prefer v-show if you need to toggle something very often, and v-if if the condition is unlikely to change at runtime.

Vue Articles

JavaScript Tip: Display tabular data as a table using console.table

Web Development Articles

Quote of the week

Tools & Misc

Weekly Vue News LogoWeekly newsletter that gives you high-quality tips and curated content about Vue & Nuxt.
I will never share any of your personal data.
© 2023 All rights reserved.