简单的vue-resourse获取json并应用到模板示例

• {{ task.id }} | {{ task.author }} | {{ task.name }} | {{ task.price }}

Vue.component('task-app', {//要应用的标签

template:'#task-template',//模板id

props: ['list']//请求的json

})

vardemo =newVue({

el:'#app',

data: {

tasks:''//为空，可以是null

},

ready:function() {

this.getCustomers()

},

methods: {

getCustomers:function() {

this.$http.get('resourse.json')

.then(function(response) {//response传参，可以是任何值

this.$set('tasks', response.data)

})

.catch(function(response) {

console.log(response)

})

}

}

})