title: How can I load the data from a .json file into a CDN Vue.js app?
body: <p>I have a .json file with the following structure:</p>
  <pre><code>{
         &quot;title&quot;: &quot;A&quot;
         &quot;name&quot;: &quot;B&quot;
  },
  {
             &quot;title&quot;: &quot;C&quot;
             &quot;name&quot;: &quot;D&quot;
  },
  </code></pre>
  <p>and I want to use this data inside my Vue.js app. When I copy the data by hand to my my app, everything works:</p>
  <pre><code>&lt;script&gt;
    
    new Vue({
      el: '#app',
      data: {
        items: [
      {
             &quot;title&quot;: &quot;A&quot;
             &quot;name&quot;: &quot;B&quot;
      },
      {
           &quot;title&quot;: &quot;C&quot;
           &quot;name&quot;: &quot;D&quot;
      },
      ]
  </code></pre>
  <p>How can I load the data directly to my Vue app without having to copy the content of the .json file by hand?</p>
  <p>(I'm using the CDN to load Vue.js and hence the usual &quot;import&quot; solutions do not work.)</p>