Vue.js暑假学习心得四

Webpack下的目录如上图，src是存放自己开发所需要的图片以及代码，components为开发的模块，有三个

分别为网页的公用头部header.vue，以及博客列表list.vue和点进去之后的文章详情detail.vue

pages为开发的页面，共两个博客页和详情页

router为路由配置文件 utils为用到的工具  store为数据状态管理 img存放用到的图片

此外还使用了element-ui组件开发样式

header.vue

list.vue

detail.vue

页面

blog.vue

PDetail.vue