title: Can you change text or images based on the window.location method?
body: <p>Let's say I have 3 servers that look like this:</p>
  
  <pre><code>https://server-1.com
  https://server-2.com
  https://server-3.com 
  </code></pre>
  
  <p>Inside of my Vue app I would like to switch out an image dependent upon the server that i'm on. Can I use something like </p>
  
  <pre><code>v-bind:src="server1.image"
  </code></pre>
  
  <p>to access an image? </p>
  
  <p>What i'm thinking is Vue would look something like:</p>
  
  <pre><code>var app = new Vue({
      el: '#app',
      server1: { 
                image1: imagelocation
                image2: imagelocation 
               },
      server2: { 
                image1: imagelocation
                image2: imagelocation 
               },
      server3: { 
                image1: imagelocation
                image2: imagelocation 
               }
  
  });
  </code></pre>
  
  <p>Is this possible? Am I using Vue incorrectly? </p>