Vue公司2.0服务器端渲染里面#APP容器

Question

服务器端渲染页面模板可供参考：ssr.html

现在的问题，如果我们想在HTML文件本身的Vue定义<div id="app"></div>内模板，没有什么实例模板属性？就像这样：

<div id="app">You have been here for {{ counter }} seconds.</div> 

在这种情况下，如果我们要预渲染的话，我们会得到下一个预渲染HTML：

<div id="app" server-rendered="true">You have been here for 0 seconds&period;</div> 

这里是冲突的问题。如果我们输出预渲染的html，我们会丢失我们的模板，Vue不知道在<div id="app">内输出计数器的位置。

是否有可能以某种方式在<div id="app"></div>容器内提供模板，并在同一时间预渲染？或者在html中预渲染附近提供模板（所以Vue会知道这里是预渲染的，这里是模板，如果模型中发生任何变化，我会使用它）？

Answer 1

是否有可能以某种方式在容器内提供模板，并在同一时间内预渲染？或

简短但完整的答案：否。对于Vue SSR，您不能使用in-DOM模板。您必须使用基于字符串的模板（包括单个文件组件）。