vue单文件里的标签先后顺序有什么影响吗

Question

题目描述

我想知道template，script，style的先后顺序影响加载速度之类的么？

题目来源及自己的思路

在实际的编程中，我发现style与template挨的很紧密，如果按照：template，script，style 随着script部分的大量增加，对于操作style便显得麻烦了许多，所以我会把选择：
template style script 其中style主要的部分用引入的方式维护，页面里只写一点点重要的以及页面紧密相关的
style template script 这种形式 因为template 与style，script关联，而2s彼此关联却不大。
如果确实影响加载，那么我只有选择官网的标准方式，如果不影响，那就……

Answer 1

讲道理，单文件是被编译后打包的，也就是说单文件里顺序如何与启动速度是没有关系的。

仅为个人猜测。

Answer 2

style可以提出来放到单独的文件中通过@import来引入，而且不想感染到其他的组件加上scoped就行

<template>
  <div></div>
</template>
<script>
export default {
}
</script>
<style scoped>
@import url('../style/common.css');
</style>

Answer 3

不影响，而且style可以写多个

Answer 4

vue单文件里的标签先后顺序没有影响