部分水合 SSR VUE 应用程序答案

【问题标题】：Partially hydrate a SSR VUE app部分水合 SSR VUE 应用程序
【发布时间】：2018-04-04 08:00:13
【问题描述】：

我们正在建立一个网站——令人遗憾的是——有很多广告。现在我们想用VUE建站，在客户端做server side rendering水化网站。

问题是广告基本上可以做任何事情。 IE。 更改背景图片，在 dom 中注入东西，等等。。

所以我们要实施的策略是在服务器中渲染网站，仅使用VUE 水合网站的特定部分，即特定组件，其余部分留给网站广告。

VUE 可以吗？

编辑澄清：问题在于，如果我们对整个网站进行水合，VUE 将与网站中广告更改的内容发生冲突。这就是为什么我们只想对站点中的特定成分进行水合。

【问题讨论】：

我不认为这是与 SSR 相关的问题。根据我的看法，您可以轻松地在服务器上渲染整个网站，将其发送到客户端，然后执行将在这些广告中弹出的 javascript。我看不出与普通网站做广告有什么区别，唯一需要注意的是 vue 不会在运行时将这些背景恢复为正常。
这正是我要说的，广告将与完全水合的网站发生冲突。 IE。该策略是仅对部分站点进行水合。
我更新了我的问题以澄清问题
广告在运行时覆盖某些样式（例如背景图像）是怎么回事？我真的不明白你只渲染几个组件的策略应该有什么帮助。
因为您可以控制 VUE 处理网站的哪些部分，避免与广告所做的事情发生冲突

【解决方案1】：

迟到的答案，但也许Vue Quench 库提供了您正在寻找的一些功能。来自创建者的This presentation 详细介绍了他们的团队如何运行一个由 4 个基于静态 HTML 标记的小型水合 Vue 组件组成的体育网站。

这样的策略允许 Vue 应用（或多个 Vue 实例）与您需要嵌入的广告内容共存。

【讨论】：