vue文件说明(三)——文件内部内容说明

index.html

index.html可以理解为一个web页面容器，挂在main.js定义的根节点，内容有组件填充。

App.vue

App.vue是根组件，有三部分组成，分别为模板，脚本，样式

模板中定义了一个根节点(id为app)。

<router-view>路由页面，可以理解为插槽，路由的页面都为加载此处。

附加：

<template>
<!-- 
    这里编写模板 html  
    template里边只允许放一个元素，如果写多个元素，可以用一个div包裹起来
    编写自己的dom 和引入的组件<home>
-->
  <div>
     <div>当前文件的dom</div>
     <home></home>
  </div>
</template>
<script>// 这里编写逻辑 js
// 引入组件Home，从home.vue。将其它模板引入到当前文件中
import Home from './test/home'
export defaul