Vue使用http请求

首先需要引入

vue-resource.js

如果没有的话，可以通过命令安装。

npm install vue-resource  --save

使用方法：

<div id="app">
    <label>id=<input type="text" v-model="datajson.id"></label>
    <label>name=<input type="text" v-model="datajson.name"></label>
</div>

<script type="text/javascript">

    new Vue({
        el:"#app",
        data:{
            datajson:{id:"",name:""},
            datajson1:{id:"",name:""},
        },
        methods:{
            async jsonHttpTest(){
                const res=await this.$http.get("http://localhost/data.json");
                this.datajson.id=res.data.id;
                this.datajson.name=res.data.name;
            }
        },
        mounted() {
            console.log("挂载完成");
            this.jsonHttpTest();
        }


    });

</script>

路径：data.json文件:

{"id":1,"name":"java"}

请求路径需要根据实际情况调整。