vue目录分析

vue是一个单页面应用

理解vue项目流程必须要知道vue是一个单页面应用，单页面应用（SPA），就是指只有一个主页面的应用，浏览器一开始加载所有必须的 html, js, css以及各种插件。所有的页面内容都包含在这个所谓的主页面中。 多页面（MPA），就是指一个应用中有多个页面，页面跳转时是整页刷新。

相比多页面应用来说

1. 单页面改变无需刷新页面，用户体验好，
2. 大部分内容初始时已经加载服务器压力较小，但初始加载时间较长。
3. 并不以页面为单位，实现组件化开发。

vue的项目流程

入口文件index.html
index.html中仅有一个挂载点app

核心文件main.js
1.引入项目中需要的插件像ElementUI、 vuex等包括一些css样式；
2.引入定义好的路由；
3.初始化一个vue实例，这个vue实例挂载到了index.html中的app标签，vue实例引入基础组件App.vue，并使用template直接将index.html中的app替换为App。也就是说主页中只有一个组件App.vue，这个App.vue就是项目的根组件，这也更加理解vue是单页面应用，使得web项目趋向于一个app。

核心组件App.vue
使用router-link实现组件的跳转。

Helloworld组件

Article组件

Content组件