为何Vue写组件时可以放在.vue文件里?可以使用其他文件后缀吗？请说明原因与场景？

【概念释义】

.vue 单文件组件（SFC） 聚合 template/script/style，经 vue-loader 编译。也可用 .js render 函数、.jsx（需 babel 插件）、运行时-only 项目用 render。SFC 利于 scoped CSS 与 IDE 支持。

【基础使用】

<template><div>{{ n }}</div></template>
<script>
export default { data: () => ({ n: 1 }) };
</script>
<style scoped>.