title: Are custom attribute bindings possible with Vue templates?
body: <p>I'm trying to bind a custom attribute value in my Vue template. How can I do this? </p>
  
  <p>(EDIT: The following code actually binds correctly. A third party library (Foundation) was interfering with the binding. Leaving the question up as it may be useful to others. </p>
  
  <pre><code>&lt;template&gt;
      &lt;span v-bind="{ 'aria-controls': inputControlId }"&gt;&lt;/span&gt;
      &lt;input v-bind="{ 'id': inputControlId }"&gt;
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;
  
      import Vue from 'vue';
      import Component from 'vue-class-component';
  
      @Component
      export default class Slider extends Vue {
         inputControlId = "TheBourneId";
      }
  }
  &lt;/script&gt;
  </code></pre>