Vue-resource

Vue-resource

by simati

HTML

<script src="https://cdn.jsdelivr.net/g/[email protected],[email protected]"></script>
<div id="app">
  <h2>Todos:</h2>
  <form>
          <input 
          name="model1"
          v-model="model1">

        <input 
          name="model1"
          v-model="model2">
  </form>

</div>

JavaScript

new Vue({
  el: "#app",
  data: {
		model1: '',
    model2: ''
  },
  watch: {
  	model1: function(todo){
    	Vue.http.get(`https://jsonplaceholder.typicode.com/posts/${this.model1}`).then((response) => {
      this.$nextTick(() => {
        	this.model2 = response.data.title
				})
      })
    }
  }
})