本人剛開始學習Vue，今天在學到Vue-resource章節時，按教程寫了一個最初級的測驗程式，結果報錯，小弟查了百度好久，都搜不到答案，無耐尋高手幫忙。詳細請見：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://bbs.csdn.net/lib/vue.js"></script> //這個包是在官網下載的，最新版本的，大小是335k，路徑沒問題
<script src="https://bbs.csdn.net/lib/vue-resource.min.js"></script> //這個第三方包大小是7kb，導包的路徑沒有問題
</head>
<body>
<div id="app">
<input type="button" value="https://bbs.csdn.net/topics/聯網" @click="getinfo()">
</div>
<script>
var vm=new Vue({
el:'#app',
data:{},
methods:{
getinfo() {
var url="http://www.baidu.com";
console.log(this.$http);
this.$http.get(url).then(function (result){ //就是這句話報錯
console.log(result);
})
}
}
})
</script>
</body>
</html>
錯誤資訊如下：
vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: i.isPlainObject is not a function"
(found in <Root>)
warn @ vue.js:634
logError @ vue.js:1893
globalHandleError @ vue.js:1888
handleError @ vue.js:1848
invokeWithErrorHandling @ vue.js:1871
invoker @ vue.js:2188
original._wrapper @ vue.js:7547
vue.js:1897 TypeError: i.isPlainObject is not a function
at Vue.r (vue-resource.min.js:1)
at Function.r.<computed> [as get] (vue-resource.min.js:1)
at Vue.getinfo (nettest.html:25)
at click (eval at createFunction (vue.js:11649), <anonymous>:3:135)
at invokeWithErrorHandling (vue.js:1863)
at HTMLInputElement.invoker (vue.js:2188)
at HTMLInputElement.original._wrapper (vue.js:7547)
logError @ vue.js:1897
globalHandleError @ vue.js:1888
handleError @ vue.js:1848
invokeWithErrorHandling @ vue.js:1871
invoker @ vue.js:2188
original._wrapper @ vue.js:7547
uj5u.com熱心網友回復：
你這個this.$http是哪里來的，這應該是一個封裝的請求方法，沒看到你有引入相關的js檔案。uj5u.com熱心網友回復：
前面匯入包了<script src="https://bbs.csdn.net/lib/vue-resource.min.js"></script>， 你說的這個方法就是這個包提供的轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/10611.html
標籤：JavaScript