title: Vue components / elements in v-html
body: <p>I have a <code>post.text</code> data that contains the text of a blog post submitted by the user Much like in Twitter, users can mention other users with the sintax <code>I am tagging @user1 in this post</code>. When rendering the post, I want to replace all the <code>@username</code> instances with links to the page of the mentioned user.</p>
  
  <p>With a regex match / replace I can easily transform the mentioned <code>@username</code> into something like (I'm using vue-router):</p>
  
  <pre><code>I am tagging &lt;router-link :to="{name: 'user', params: {userId: post.userId}}"&gt;{{ dPost.user_name }}&lt;/router-link&gt; in this post
  </code></pre>
  
  <p>But when I use it like this:</p>
  
  <pre><code>&lt;p v-html="preparedText"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>vue doesn't <em>reprocess</em> the html to bind its own tags.</p>
  
  <p>How to solve this problem? Thanks</p>