## App.vue文件是整個項目的根組件，項目中所有的頁面切換頁面顯示都是在這個組件基礎上渲染的 ## 我們將整個App.vue文件清空后發現 ``` <template> <div id="app"> </div> </template> <script> export default { components: { } } </script> <style> ``` ## 上面的結構是.vue文件的基礎結構 ``` <template>元素的作用是搭建vue文件的結構 <script>元素的作用是對當前文件邏輯進行交互 <style>元素的作用是對當前文件的樣式進行修飾 ``` ## 我們之前開發中.js文件只有邏輯.css文件只有樣式.html文件只有結構，但是.vue的組建就是將視圖和邏輯進行了一個整合