## 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的组建就是将视图和逻辑进行了一个整合