title: vuejs pass data to template html attributes
body: <p>I'm very new to Vuejs. 
  I see how to pass data (variables) into components, but in my code I need to get thoses variables in the HTML attributes of the template. </p>
  
  <p>Here my HTML : </p>
  
  <pre><code>&lt;div id="activities" class="row text-center activities"&gt;
       &lt;myimage text="{{ art_text }}" type="art"&gt;&lt;/myimage&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here my Vuejs code (delimiters changed, because of Twig) : </p>
  
  <pre><code>&lt;script type="text/javascript" src="{{ asset('js/vue.js') }}"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
      Vue.component('myimage', {
          delimiters: ['${', '}'],
          props: ['text', 'type'],
          template: '&lt;div class="col-lg-3 col-md-3" style="padding-top: 20px;"&gt;&lt;h3&gt;&lt;a title="${text}" href="#"&gt;&lt;span&gt; &lt;img style="width:220px;" alt="Image ${type}"&gt; &lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;span&gt;${text}&lt;/span&gt;&lt;/div&gt;'
      });
  
      new Vue({
          el: '#activities'
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But for example, in my template I don't see why "title" attribute don't get the variable ${text} ...  </p>
  
  <p>Is there another way to pass data from custom element to HTML attributes of the template ?  </p>