の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では、DOM内のテンプレートは使用できません。文字列ベースのテンプレート（単一ファイルコンポーネントを含む）を使用する必要があります。