由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小白的构想。
这是一个很不错的想法
只是构想,实际实施感觉很复杂
已经有人在做了