jagroop/test.php

## test.php
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
</head>
<body>
  <div id="app">
    <ul v-for="(post, index) in posts">
      <li>{{ post.title }}</li>
    </ul>
  </div>
  <script>
    var app = new Vue({
      el: '#app',
      data() {
        return {
          posts: [],
        }
      },
      mounted() {
        this.getPosts();
      },
      methods: {
        getPosts() {
          var vm = this;
          axios.get('https://jsonplaceholder.typicode.com/posts').then(function(response){
            vm.posts = response.data;
          }).catch(function(err){
            console.log('Something went wrong.');
          });
        }
      }
    })
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
	</head>
	<body>
	<div id="app">
	<ul v-for="(post, index) in posts">
	<li>{{ post.title }}</li>
	</ul>
	</div>
	<script>
	var app = new Vue({
	el: '#app',
	data() {
	return {
	posts: [],
	}
	},
	mounted() {
	this.getPosts();
	},
	methods: {
	getPosts() {
	var vm = this;
	axios.get('https://jsonplaceholder.typicode.com/posts').then(function(response){
	vm.posts = response.data;
	}).catch(function(err){
	console.log('Something went wrong.');
	});
	}
	}
	})
	</script>
	</body>
	</html>