由vue.js引发的WordPress前后端分离构想

其实是事出有因的,因为v2ex提供有热门主题Top 10 的json地址API调用,想实现该API的调用(其实自己也是个小白),溜达了一圈认识了叫vue的前端JavaScript渐进式框架(web 界面的渐进式框架 (ง •_•)ง)。

通过研究#JS把JSON数据输出渲染到html#(搜索一大堆教程),(我看到的教程是通过外部挂载vue.js插件的方式对数据进行定义处理),然后将.json数据文件的渲染到html模板内(至少我是这样理解的)。我将https://www.v2ex.com/api/topics/hot.json的数据另存为hot.json放到了本地测试环境,(照葫芦画瓢修修改改~)发现数据还真的套进html模板了,很新奇,发现这个vue.js插件好像可以玩玩。

遂想到用vue实现Wordpress前后端分离(好像意义不大,不过应该很有意思。)因为新版Wordpress提供有api接口,可以配合vue进行json的调用。

不过后面发现json数据文件的JavaScript渲染似乎对seo类不好(Google,bing另说),vue似乎适用于APP类的数据调用属于客户端渲染类型。研究了下还有个Next.js是使用服务器端渲染,这就有点复杂了,又要配置环境。

其实用vue.js实现Wordpress前后端分离的这个构想其实还是可以的,不过如果你的公司主页或项目需要兼顾seo的话还是用另外的方式吧。

其实这仅仅是一个初探vue小白的构想。

2 条评论 - 我要发评论

加载中,请稍候...
  1. 云落

    这是一个很不错的想法

    回复
    1. zlsin

      只是构想,实际实施感觉很复杂

      回复

发表评论