Vue.js Style Guide

Avatar of Chris Coyier
Chris Coyier on (Updated on )

“Style guide” as in, if you’re writing JavaScript using the Vue framework, these are some guidelines they suggest you follow. Not to be confused with a pattern or component library, which happens.

Things like using multi-word PascalCase components and abstracting complex logic away from templates. There are a couple dozen of them nicely documented with good and bad examples. This isn’t entirely uncommon. I know WordPress has guidelines for this kind of thing.

These are in an unusual category of style guide, where it’s not like this is how you should structure, format, and name code, it’s this is how you should structure, format, and name code in this framework. The rabbit hole could get deep here. This is how we write code at WidgetCorp. This is how we write JavaScript at WidgetCorp. This is how we write JavaScript when using Vue at WidgetCorp during full moons.

I also have a theory.

Direct Link →