.completed {
text-decoration: line-through;
}
.something {
color: red;
}
{{ 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>
简单的字_简单的vue-resourse获取json并应用到模板示例
http://m.bbyears.com/jiaocheng/124306.html
推荐访问:简单点 简单的图片