vue请求json数据

  <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>