title: Vue component/data not rendering
body: <p>I have a python project (using flask) where I am trying to use Vue with. The problem is that nothing vue related renders if I go peek the html definition.
  I've installed vue via npm, also installed webpack and laravel-mix. They seem to be well configured.</p>
  <p>I have the instance</p>
  <pre class="lang-js prettyprint-override"><code>import Vue from 'vue';
  import alert from './components/Alert.vue';
  
  new Vue({
    el: '#app',
    delimiters: ['[[', ']]'],
    data: {
      test: 'is it working?'
    },
    components: {
      alert
    }
  });
  </code></pre>
  <p>The component</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div class=&quot;alert&quot; v-text=&quot;message&quot;&gt;&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      name: 'alert',
      data() {
        return {
          message: 'I am an alert.'
        };
      }
    };
  
  &lt;/script&gt;
  
  &lt;style&gt;
    .alert {
      background: red;
    }
  
  &lt;/style&gt;
  
  </code></pre>
  <p>And I am just trying to render the message</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;mdl-card__title mdl-color--primary mdl-color-text--white relative&quot;&gt;
    &lt;h2 class=&quot;mdl-card__title-text&quot;&gt;Login&lt;/h2&gt;
  &lt;/div&gt;
  
  &lt;div id=&quot;app&quot;&gt;
    [[ test ]]
  &lt;/div&gt;
  </code></pre>
  <p>but when I try peeking in the html I see nothing.
  <a href="https://i.stack.imgur.com/HXAYS.png" rel="nofollow noreferrer">Component not showing bellow the Login h2 tag</a></p>
  <p>Package.json</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;name&quot;: &quot;I've hidden it&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&lt;h1&gt;I've hidden it&lt;/h1&gt;&quot;,
    &quot;main&quot;: &quot;webpack.mix.js&quot;,
    &quot;directories&quot;: {
      &quot;test&quot;: &quot;tests&quot;
    },
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;npm run development&quot;,
      &quot;development&quot;: &quot;mix&quot;,
      &quot;watch&quot;: &quot;mix watch&quot;,
      &quot;watch-poll&quot;: &quot;mix watch -- --watch-options-poll=1000&quot;,
      &quot;hot&quot;: &quot;mix watch --hot&quot;,
      &quot;prod&quot;: &quot;npm run production&quot;,
      &quot;production&quot;: &quot;mix --production&quot;
    },
    &quot;repository&quot;: {
      &quot;type&quot;: &quot;git&quot;,
      &quot;url&quot;: &quot;i've hidden it&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;devDependencies&quot;: {
      &quot;laravel-mix&quot;: &quot;6.0.6&quot;,
      &quot;postcss&quot;: &quot;8.1&quot;,
      &quot;vue-loader&quot;: &quot;^15.9.8&quot;,
      &quot;vue-template-compiler&quot;: &quot;^2.6.14&quot;
    },
    &quot;dependencies&quot;: {
      &quot;vue&quot;: &quot;^2.6.14&quot;
    }
  }
  </code></pre>