单文件组件的顶级元素顺序坚持是以的HTML结构在上面，接着是的JavaScript结构在中间，最后是的css样式结构在最后。

    示例：
    反例

    1. <style>
    2. /* CSS */
    3. </style>
    4. <script>
    5. /* JavaScript */
    6. </script>
    7. <template>
    8. <!-- HTML -->
    9. </template>

    正例

    <template>
<!-- HTML -->
</template>
<script>
/* JavaScript */
</script>
<style>
/* CSS */
</style>