title: Dynamically Edit Inline CSS with VueJS
body: <p>How can I change an attribute of a tag with VueJS? I'm trying to make a one-page app with a background that changes every time it fetches data from a backend. I've tried using the <code>v-bind:style</code> and <code>v-style</code> but both ended up "breaking" Vue. Is there a way I can just write a method like you can in native JS that changes the DOM? I also tried implementing a <code>document.getElementbyId</code> so and and so forth but it also wrecked VueJS. </p>
  
  <p>In other words, how can I do background-image: {{pic_url}};</p>
  
  <p>Sorry for formatting, on mobile. </p>