[Vue CLI] 單文件組件

• Vue.component是global組件
• new Vue({    el: '#app' ... }) 可定義容器

通常透過以上2點就可構成 vue 的前台站台，為了方便管理，可用單文件組件的概念來開發。

單文件組件

• 副檔名: *.vue
• <template></template>中放html
• <script></script>中放js
• <style></style>中放css
• 同一份檔案包含三個區塊

關注點分離

關注點分離不代表文件類型分離，和其他的框架認知上有根本上的差異

Vue Loader

.vue文件需要透過 vue loader 編譯成最後結果