<div id="app">
<ul>
<li v-for="book in books">{{book.title}} {{book.author}}</li>
</ul>
<button @click="get">发起http请求</button>
</div>
<script src="./base/vue.js"></script>
<script src="https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.min.js"></script>
<script>
//引入vue-resource之后,那么他就可以在vue实例/组件 上面绑定一个$http的一个属性。
new Vue({
el: "#app",
data: {
books: []
},
methods: {
get() {
this.$http.get("./json/temp.json").then(res => {
this.books = res.data.books
})
}
}
})
// 从vue2.0开始,将不对vue-resource进行维护,推荐使用axios
</script>
vue请求json数据
最新推荐文章于 2023-08-28 17:30:40 发布