【www.bbyears.com--php应用】
代码如下
{{ task.id }} | {{ task.author }} | {{ task.name }} | {{ task.price }}
<script src="vue.js"></script>
<script src="vue-resource.js"></script>
<script>
Vue.component('task-app', {//要应用的标签
template:'#task-template',//模板id
props: ['list']//请求的json
})
</script>
<script>
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)
})
}
}
})
</script>