
Vue.js basics — v-if and v-for
A primer on Vue.js template directives for conditional rendering and list rendering — v-if / v-else / v-else-if, v-show for visibility toggles, v-for with the :key attribute, and when to reach for v-if versus v-show.
01 — Category
Notes from the workbench.
Page 2 of 2

A primer on Vue.js template directives for conditional rendering and list rendering — v-if / v-else / v-else-if, v-show for visibility toggles, v-for with the :key attribute, and when to reach for v-if versus v-show.

A step-by-step intro to Vue.js's own HTML notation for newcomers: the mustache tag ({{ }}), the v-bind directive, its shorthand colon form (:), and binding multiple attributes at once — each with a runnable code example.

A walkthrough of Vue.js components for first-time users — what a component is, how parent and child talk to each other, and where to use one-way binding (v-bind / v-on) versus two-way binding (v-bind + v-on, or .sync) — with runnable code at each step.

A working Vue.js engineer walks through the single-file component layout (template / script / style), the basics of data, methods, and the component lifecycle — when to use created vs mounted — with example code for people new to Vue.

A practical comparison of Angular and Vue.js from an engineer who used both on real projects for over a year — file structure, syntax, learning cost, and which one fits which kind of team.

The full roadmap from when I shipped a blog on VuePress 1.x + GitHub + Netlify + Onamae.com in 2021. Four layers — local dev, repo, hosting, custom domain — sliced in a way that still maps onto today's Astro / Cloudflare Pages stack.

Steps for wiring an Onamae.com domain to Netlify by delegating the nameservers. Covers how DNS works, using Cloudflare DNS as an alternative, and tips for waiting out propagation — written through a 2026 lens.

The initial setup for wiring a GitHub repository up to Netlify and auto-deploying a static site for free. Walks through account creation, site setup, build configuration, two-factor auth, and the free-tier ceiling — with the original 2021 screenshots — assuming a VuePress site.

How I split the image directories, declared the favicon, and configured vuepress-plugin-sitemap and robots.txt when I built a personal blog on VuePress 1.x back in 2021 — kept alongside the original config.js and folder layout.

A note on the Markdown extensions I used when building a blog with VuePress 1.x in 2021 — embedded Vue components, named containers, and frontmatter — with a 2026 follow-up.

How I structured a blog with VuePress 1.x and @vuepress/plugin-blog 1.9 back in 2021 — directory layout and config.js settings, kept as an archive of how I made the call at the time.