预渲染单个vue组件而不是路由

时间:2018-06-21 15:27:22

标签: javascript node.js webpack vue.js

我一直在寻找可以帮助解决我问题的方法,但是到目前为止,我还没有找到它。

问题是:

  • 我正在一个PHP / Latte服务器端渲染的网站上工作,我决定在该网站上实现Vue。但是,由于我不可能将该网站更改为SPA,因此我只需要使用Vue创建微组件并在BE模板中使用它们。

  • 我的意思是说,有一个.latte模板,在其中插入了一个<My_component />元素,该元素会在客户端呈现。

哪些内容适合某些组件,但另一些组件(例如主菜单,产品或其他对SEO而言重要的东西)则需要以某种方式预先呈现给爬虫。

到目前为止,我已经在prerender-spa-plugin上阅读了10多篇文章并观看了4个视频,我确信这是SPA的绝佳解决方案,但我认为这对我的情况不起作用。尤其是因为我没有使用Vue路由器。

Nuxt.js似乎也不是我想要的,在我看来,这有点过分。

基本上,我只需要一个Webpack或基于Node的插件,它将使用.vue个文件,因此我需要对其进行预渲染,然后为其创建(构建)静态HTML。它将自动或手动插入.latte模板中。

有人对此有任何经验吗?

0 个答案:

没有答案
相关问题