我開始學習VueJS，我意識到典型的.vue檔案由三個不同的部分組成，分別是<template>、<script> 和<style>。
我的問題是關於在VueJs的真實專業專案中如何處理這三個部分。根據我的理解，應該將它們分離成三個不同的部分。
例如，我會傾向於將它們分開放在以下資料夾中：
在src資料夾下，我會建立以下子資料夾：
src
->script（JavaScript函数将在这里定义）
index.js
->style（样式内容将在这里定义）
index.css
->pages（模板内容将在这里定义）
index.vue
在真實的中大型VueJS專案中是這樣處理的嗎？如果不是，為什麼？這種方法的優缺點是什麼？
提前感謝您的回答！
最好的問候，
保羅
好的提示，關於閱讀文件。我沒有找到它。根據https://vuejs.org/guide/scaling-up/sfc.html#what-about-separation-of-concerns：
一些來自傳統網頁開發背景的用戶可能擔心，SFC在同一個地方混合了不同的關注點 - 這是HTML/CSS/JS本應該分離的！
為了回答這個問題，我們需要達成一致的觀點，關注點的分離並不等同於文件類型的分離。工程原則的最終目標是提高程式碼庫的可維護性。將關注點的分離死板地應用為文件類型的分離，並不能幫助我們在日益複雜的前端應用環境中實現這個目標。
在現代UI開發中，我們發現，將程式碼庫劃分為三個相互交織的巨大層級，與其相比，將其劃分為鬆散耦合的元件並進行組合更加合理。在一個元件內部，其模板、邏輯和樣式是內在耦合的，而將它們放在一起實際上使得元件更加內聚和可維護。
即使你不喜歡單一檔案元件的想法，你仍然可以透過將JavaScript和CSS分開使用Src Imports將其熱重載和預編譯功能應用到你的專案中。