项目名称:个人网站
项目简介:
展示个人相关信息,通过页面的跳转熟悉 VueRouter 的 使用,通过拦截获取模拟到的数据,通过使用数据仓库来达到共享 数据的目的。
使用 vue-cli 脚手架进行工程搭建
使用 axios 进行对请求进行拦截 使用 Vuex 进行组件之间数据的共享
使用 VueRouter 来进行页面之间的跳转
使用 afterEach 守卫来判断 当前路由的名字并对页面标题进 行修改
使用 ES6 的 async,await 进行优化接口回调处理,避免回调地 狱
项目难点:为了让页面数据还没有加载完成之前显示正在加载的效 果进行了指令的自定义,获取模拟数据接口的实现,页面跳转的时 候路由的配置;为了后续开发更加方便自己编写常用组件并进行注 册。