src文件：

入口文件:main.js文件：

• $mount:手动挂载，将生产的标签挂载到标签上（也就是将虚拟节点渲染成真实的DOM节点，并挂载在根节点上）

• render函数是vue通过js渲染dom结构的函数createElement，约定可以简写为h

  官方文档中是这样的，createElement 是 Vue.js 里面的 函数，
  这个函数的作用就是生成一个 VNode节点（虚拟节点），
  render 函数得到这个 VNode 节点之后，
  返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。
  

render：h=>h(APP)原代码（未简写的代码）

 render: function (createElement) {
return createElement(App);
 }

根组件：App.vue文件

自己注册的组件，使用时可以用双标签(<组件名></组件名>)，也可以用单标签（<组件名/>）：如果有插槽就必须用双标签

components文件：在这个文件里面写单个组件

组件：

1.vue文件中可以只有template这一个标签，是不会报错的，并且代码也依然生效。

2.每一个组件内部只能有一个根元素，不要在根元素上写v-for

3.style标签可以写多个，也可以不写。

4.没有写script标签的组件叫做静态组件。

为什么组件文件中script标签注释（或者是消失了），代码依然可以运行？

• 是因为在打包的时候，vue的打包环境会帮我们把这个文件解析为一个对象，然后给这个对象添加一个template属性，值为解析的<template>页面模板（也就是说vue文件中，可以不要style标签和script标签，但是必须要有template标签）