Order of Vue Components
The Vue 2 docs have it as:
<template> </template> <script> </script> <style> </style>
That feels pretty good to me, as literally everything else in the file is in service of the final output HTML. Start with the goal and work down.
The Vue 3 docs have it has:
<script> </script> <template> </template> <style> </style>
And that also makes sense, because it puts dependencies (e.g.
import stuff) at the top like other typical
<template> </template> <style> </style> <script> </script>
What do I think? I have absolutely no horse in this race, it doesn’t matter, I 100% don’t care, and this is the most pointless blog post I’ve ever written. (publish!)