在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，我们从培训视频或者官方文档上可以了解到：
index.html---主页，项目入口
App.vue---根组件
main.js---入口文件
这三个文件在项目构建的时候自动生成的
index.html里面有个id="app",是App.vue里new Vue()实例的挂载点。而这个实例中注册了一个局部组件App，就是根组件。
很多新人朋友刚开始看菜鸟或者官网教学，会比较迷茫这三个的关系，我也是刚入门，个人理解： Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。并不是说一个项目只能有一个new Vue。你可以根据业务需要把页面分成多个Vue对象。如果你的dom想作为一个组件，就放在<template>。如果是个<div>或者其他dom，就可以用vue实例。
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>vue-pro&
最低0.47元/天 解锁文章
1169
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
