title: How to integrate vue js to server side rendering application?
body: <p>We all know that vue js is for client side but I have an app which is server side rendering using keystone js but there is one part of the app that requires SPA and that is where i want to integrate vue js.</p>
  
  <p>What i did is in the index.js I render the html</p>
  
  <pre><code>app.get('/page',function(req,res) {
          res.render('page.html');
        });
  </code></pre>
  
  <p>the html contains the following code but it vue does not work on doing this way.</p>
  
  <p>Is this the right way to integrate vue js to a back-end rendered designe app?</p>
  
  <p>Or i really need to generate whole vue project ? but only one page of my app that needs vue js (SPA) .</p>
  
  <p>tHANK YOU. Help would be appreciated.</p>
  
  <pre><code>&lt;html&gt;
          &lt;body&gt;
            &lt;div id="example"&gt;
              &lt;p&gt;{{ hello }}&lt;/p&gt;
            &lt;/div&gt;
            &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
            &lt;script&gt;
                new Vue({
                    el: '#example',
                    data: { hello: 'Hello World!' }
                })
            &lt;/script&gt;
          &lt;/body&gt;
        &lt;/html&gt;
  </code></pre>