背景

dalao 们说的好啊，新年就是要入新坑。听说 Vue.js 是国人产物，又能降低代码量，缩短开发时间，何乐而不为？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

其实主要是官网的视频做的很生动...我看完视频之后就开始着手重构博客了...甚至没有看文档，因为视频所展示的fetch() API已经足够我用来做博客前端了 🙂

 

开始

首先尝试了视频中展示的 fetch() API，发现它HTTP请求貌似有点慢??? 所以搜了搜其他人的建议，最后使用了 axios.js 插件。

在翻看了如下文档后：

https://cn.vuejs.org/v2/guide/class-and-style.html v-on:/@click/:src ...

https://cn.vuejs.org/v2/guide/conditional.html v-if/v-else

https://cn.vuejs.org/v2/guide/list.html v-for

https://cn.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html axios

...

使用 WordPress REST API 实现了(伪)前后端分离：
https://developer.wordpress.org/rest-api/reference

花了大约两小时时间终于写出了首页(美化版)：

↑ 好优雅 🙂

 

v-if 可以实现加载完成前显示 PlaceHolder 的效果，顺带还实现了文章无限加载的功能

 

之后的分类目录页面/标签页面也大同小异了

 

结语

Vue.js 很好玩的样子

Node.js 也很好玩的样子

Webpack 还很好玩的样子

继续入坑继续凿坑吧 🙂