title: How to dynamically add attributes to elements in vue.js?
body: <p>Given an items array of objects:</p>
  
  <pre><code>items: [{
   label: 'My Link',
   attrs: {
    href: '/route',
    target: '_blank',
    title: 'Some title',
   },
  },{
   label: 'My Link 2',
   attrs: {
    href: '/route2',
    target: '_self',
    title: 'Some title 2',
   },
  }];
  </code></pre>
  
  <p>My vue  has a v-for that loops through a list of items:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li v-for="item in items"&gt;
      &lt;a ADD_ITEM_ATTRIBUTES_HERE&gt;{{ item.label }}&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How can I loop through each item's attribute and dynamically add it to the anchor element where the Attribute name is the object key and the attribute value is its matching value?</p>
  
  <p>I'm coming from jQuery world where this kind of manipulation is pretty straight forward, but I'm not sure how to modify the DOM in this case.</p>
  
  <p>Most questions I find here have to do with checking if an element has a prop or meets a condition to set its value. I'm not trying to do that. In my case I don't know what the prop will be nor its value.</p>