title: Vue.js - Watch changes in JSON file
body: <p>Here idea is to watch changes made in JSON file and if some value is changed it automatically changes the condition v-if.</p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
   &lt;div v-if=&quot;content == 'one'&quot;&gt;
     &lt;p&gt;Content one&lt;/p&gt;
   &lt;/div&gt;
   &lt;div v-else-if=&quot;content == 'two'&quot;&gt;
     &lt;p&gt;Contentn two&lt;/p&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Now the tricky part comes, I need to be able after build to change the JSON file, and automatically to change what will be shown.</p>
  <pre><code>new Vue({
    el: &quot;#app&quot;,
    data: {
     content: ''
    },
    methods: {
      // import of JSON and value that will assign value to this.content
          // Now value can be 'one' or 'two'
    }
  })
  </code></pre>