偶然翻到一篇讲解一个vue项目的搭建的博客。全部撸完后觉得写的很好，决定在这里总结一下，原博地址
首先，看一下大体的项目结构
贴代码
main.js
红框框起来的是必要代码，引入Vue和App模版、vue路由。然后引入全局的路由配置文件routes.js
使用路由需要Vue.use(VueRouter)
看一下App.vue
很简单，在模版里加入了路由的标签router-view
接下来是路由配置文件routes.js
也就是把要配置的路径对应的vue文件导入，一一配置。
path为’/‘时为默认路径，即当页面路径/后有问题的时候默认也导入到该页面
配置第二个content路径的时候，：id表示动态映射路径，当/content匹配成功的时候就会进入content.vue文件对应的页面，该页面中可以通过this.$routes.params.id获取该id值
第三个是将/user/xxx匹配成功时将子页面渲染到Frame里的router-view标签里
subroute的代码为
比如这个时候我请求/user/love时就会映射到userLove对应的页面上，如下
组件定义
当一个页面的某部分在页面变化保持不变的时候，我们就可以把该部分写在component文件夹下，定义组件，并在其他页面使用
比如，我们定义一个页面的头部和尾部
header.vue
尾部
footer.vue
然后在使用时导入
这样就可以把组件渲染到页面上
引用静态文件时,src定义为static/xxx即可
具体项目代码我传到了github上，地址