title: VueJS Evaluating on Escaped Characters
body: <p>I've run into a bit of an issue when running VueJS.  It feels like it is a bug, but I'm not 100% sure.  When I have HTML with escaped double curly braces, it still gets evaluated by the engine.</p>
  
  <p><a href="https://jsfiddle.net/judda/ge042znc/1/" rel="nofollow noreferrer">https://jsfiddle.net/judda/ge042znc/1/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="body"&gt;
      &lt;ul&gt;
        &lt;li v-for="bar in foo"&gt;{{ bar }}&lt;/li&gt;
      &lt;/ul&gt;
      &amp;#123;&amp;#123; foo &amp;#125;&amp;#125;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>new Vue({
    data: function() {
      return {
          foo: ['bar', 'foobar',] 
      };
    },
      el: '#body',
  });
  </code></pre>
  
  <p>The output that I would expect to see is:</p>
  
  <pre><code>&lt;body&gt;
  
    &lt;div id="body"&gt;
        &lt;ul&gt;&lt;li&gt;bar&lt;/li&gt;&lt;li&gt;foobar&lt;/li&gt;&lt;/ul&gt;
  
        {{ foo }}
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>However, what I get is:</p>
  
  <pre><code>&lt;body&gt;      
    &lt;div id="body"&gt;&lt;ul&gt;&lt;li&gt;bar&lt;/li&gt;&lt;li&gt;foobar&lt;/li&gt;&lt;/ul&gt;
      ["bar","foobar"]
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Is there any way that I am able to stop this from happening?</p>