<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="//unpkg.com/vue@2.1.4/dist/vue.js"></script>
    <script src="//unpkg.com/axios/dist/axios.min.js"></script>
  </head>
  <body>
    <h1>Hello Plunker!</h1>
    <div id="app">
      <ul>
      <li v-for="item in myJson">
        {{ item.title }} <p> {{ item.link }} </p>
      </li>
      </ul>
    </div>
    <script src="script.js"></script>
  </body>
</html>






//import json from 'http://yumeblog.dip.jp/rss2json.php'
//export default {
//  data() {
//    return {
//      myJson: json
//    }
//  }
//}
new Vue({
  el: '#app',
  data() {
    return {
      myJson: null
    }
  },
  mounted: function() {
    axios.get("http://yumeblog.dip.jp/rss2json.php").then(response => (
      this.myJson = response.data.item
    ))
  }
})

/* Styles go here */