title: ThymeLeaf pass variable to vue js
body: <p>Thymeleaf th:attr not working with Vue bind property</p>
  
  <pre><code>&lt;truncate th:attr="'v-bind:text'=${message}"/&gt;
  </code></pre>
  
  <p>The above line not giving me error in both Vue and Thymeleaf but nothing display on page </p>
  
  <p>below is the response from server side</p>
  
  <p><a href="https://i.stack.imgur.com/Ff2XJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ff2XJ.png" alt="Attached image showing perfect response from server side"></a></p>
  
  <p>Once I remove 'v-bind:' prefix and use some thing like "th:attr="text=${user.comment}" its working as expected</p>
  
  <pre><code>&lt;div class="col-lg-12 col-sm-12 col-xs-12 row_block_padding" th:each="user : ${response.users}"&gt;
  
      &lt;!-- OTHER CODE --&gt;
      &lt;div class="col-lg-10 col-sm-10 col-xs-10" style="padding-top: 15px;"&gt;
          &lt;truncate th:attr="text=${user.comment}"&gt;&lt;/truncate&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>