项目解析

各个文件夹

1. node_modules：用来放很多很多的环境依赖。
2. public：用来存放公共资源，其中的 index.html 文件，就是初始的挂载点。被 App.vue 给取代了。
3. src：放各种资源的
4. assets：用来存放静态资源，比如图片之类的。
5. components：放置各种小组件，相当于是子组件的子组件。
6. router：路由，用来设置哪个 url 访问哪个页面组件。
7. store：仓库。
8. views：都是子组件，用来替换 App.vue 里面的 <router-view>,然后展示这个子组件，所以也叫页面组件，里面可以视图组件。

文件

1. App.vue：子组件，用来取代 index.html 的挂载点的。
2. main.js：入口文件

知识点总结

"""
1、箭头函数 let fn = (a, b) => a + b; (下一篇)
2、函数原型：给函数设置原型 Fn.prototype.变量 = 值，那么Fn new出来的对象都可以共用 原型变量 （下一篇）
3、vue项目的请求生命周期：main.js完成环境的加载与根组件的渲染；router的index.js完成路由映射
4、<router-view />标签作为路由映射的页面组件占位符
5、<router-link></router-link>来完成路由的跳转
6、this.$router来完成路由的跳转：push() | go()
7、this.$route来完成路由的传参
"""

vue 项目整体框架解析

原文：https://www.cnblogs.com/chanyuli/p/11878174.html