<!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 */