The syle guide is awesome and quite clear. I strive to follow its advices as much as I can.
Regarding Multi-attribute elements, may I suggest to complete the exemple with where one should place directives (condition, loop…).
I find it quite useful to make directives stand out so that they aren’t lost among numerous attributes and are visible at the blink of an eye:
// directive on opening line
<MyComponent v-if="MyComponentVisible"
foo="a"
bar="b"
baz="c"
/>
// or grouped directives (maybe more multi-directive friendly)
<MyComponent
v-if="MyComponentVisible"
@event="doSomething"
foo="a"
bar="b"
baz="c"
/>
What’s your take on this?