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

最新推荐文章于 2024-08-19 22:10:22 发布

开猿节流

最新推荐文章于 2024-08-19 22:10:22 发布

阅读量515

点赞数

分类专栏： vue

本文为博主原创文章，未经博主允许不得转载。交流联系QQ：634487911

本文链接：https://blog.csdn.net/qq_38191191/article/details/99718722

版权

本文详细介绍了Vue项目的三个关键文件：index.html作为网页容器，App.vue作为根组件，包含模板、脚本和样式，其中<router-view>用于加载路由页面。而main.js则是主入口文件，负责引入Vue框架、根组件和路由插件，定义Vue实例。

摘要由CSDN通过智能技术生成

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