1.Vue项目的结构

创建好的项目中各目录如下：

• assets：存放项目中用到的静态资源文件，例如：css 样式表、图片资源

• components :程序员封装的、可复用的组件，都要放到 components 目录

• App.vue 是项目的根组件

• main.js 是项目的入口文件。整个项目的运行，要先执行 main.js

在工程化的项目中，vue 要做的事情很单纯：

通过main.js 把 App.vue 渲染到index.html 的指定区域中。其中：

① App.vue 用来编写待渲染的模板结构

② index.html 中需要预留一个el 区域

③ main.js 把 App.vue 渲染到了index.html 所预留的区域中

2.vue项目的运行流程

3.Vue组件的三个组成部分

    每个.vue 组件都由3部分构成，分别是：

  （1）script -> 组件的JavaScript 行为

  （2）template -> 组件的模板结构

  （3）style -> 组件的样式