为什么vue单文件应该总是让 <script>、<template> 和 <style> 标签的顺序保持一致

Question

这句话是在vue风格指南中优先级C的一个规则，就是文件顶级结构应该是这样的顺序

<script>/* ... */</script>
<template>...</template>
<style>/* ... */</style>

之前自己写的时候<template>是一直放在最上面的，想问一下为什么要这么做? 感觉script放最上面好丑

Answer 1

你理解错了，他的意思是各个组件中三种标签顺序要保持一致，不要是在这个组件里template在第一个，另一个组件里在第二个。

Answer 2

官网上的只是个例子。只要style放在最后，并保证每个文件的标签循序一致就好了