基于Vue搭建自己的博客 | vue博客
项目地址:github.com/WqhForGitHu…[1]如果你觉得项目不错的话,欢迎点击star鼓励支持下,万分感谢。(๑◡๑)前言以前我们是用hexo+next来搭建自己的博客,但最近学习了Vue之后,我被它的数据驱动和组件化思想所吸引。所以就用了Vue搭建了一个自己的个人博客。Vue实际上对应着MVVM模式下的View图层,要搭建一个完整的应用仅仅只有Vue是不够的,我们还需要结合数据状态管理vuex、路由vue-router等等技术栈前端vueaxios:异步请求库vuex:管理这个应用数据vue-router:前端路由Element/Iview:桌面端组件库后端koa博客的后端是使用Node.js开...
项目地址: github.com/WqhForGitHu…[1]
如果你觉得项目不错的话,欢迎点击star鼓励支持下,万分感谢。(๑◡๑)
前言以前我们是用hexo + next来搭建自己的博客,但最近学习了Vue之后,我被它的数据驱动和组件化思想所吸引。所以就用了Vue搭建了一个自己的个人博客。Vue实际上对应着MVVM模式下的View图层,要搭建一个完整的应用仅仅只有Vue是不够的,我们还需要结合数据状态管理vuex、路由vue-router等等
技术栈 前端 vue axios: 异步请求库 vuex:管理这个应用数据 vue-router:前端路由 Element/Iview:桌面端组件库 后端koa
博客的后端是使用Node.js开发的,基于koa的Web框架,完美实现前后端的分离,后端只需要负责提供接口数据,而路由的跳转、数据渲染都是由前端实现的。
项目地址:github.com/WqhForGitHu…[2]
实现的功能 TODO 博客预览首页
博客内容及目录
markdown展示 代码高亮 项目总结接下来我大致介绍下我在做博客项目时的一些经历和体会。
前端路由前端发展可谓是很快的,以前用express搭建后台服务的时候,我们知道有后端路由的概念。根据请求路径的不用我们就返回不同的页面数据。而我们学习并使用了前端路由的时候我们发现其实原理是相类似的,就是当页面刷新的时候,不会发起URL的请求,它只是根据不同URL去渲染不同的组件。
export default new Router({ routes: [ { path: /, component: (resolve) => require([../Blog/Blog.vue], resolve) }, { path: /Blogcontent, component: (resolve) => require([../Blogcontent/Blogcontent.vue], resolve) }, { path: /Blogcat...