title: using v-bind:href to bind an expression
body: <p>I am trying to bind an expression to a URL using v-bind of <code>vue.js</code>.<br>
  The binder expression will be a year of the folder and I want that expression to render in the links.<br>
  I am trying to get this to bind correctly.<br>
  Can someone see what I am improperly concatenating?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a v-bind:href="'https://www.exmaple.com'+{{$route.params.year | year}}'+'&amp;FolderCTID=0x012000507B97BC3FFDCE4D854E'"&gt;My Link&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>