<\/p>\n
\u5728\u73fe\u4ee3\u524d\u7aef\u958b\u767c\u4e2d\uff0c\u8207\u4f3a\u670d\u5668\u9032\u884c\u4ea4\u4e92\u662f\u4e0d\u53ef\u6216\u7f3a\u7684\u4e00\u90e8\u5206\u3002Vue-resource \u4f5c\u70ba\u4e00\u500b\u5f37\u5927\u7684\u63d2\u4ef6\uff0c\u4f7f\u5f97\u5728 Vue \u61c9\u7528\u4e2d\u767c\u9001 HTTP \u8acb\u6c42\u8b8a\u5f97\u66f4\u52a0\u7c21\u55ae\u8207\u9ad8\u6548\u3002\u672c\u6587\u5c07\u5e36\u60a8\u4e00\u6b65\u6b65\u5b78\u7fd2\u5982\u4f55\u5728 Vue \u4e2d\u6b63\u78ba\u4f7f\u7528 Vue-resource \u9032\u884c HTTP \u8acb\u6c42\uff0c\u7121\u8ad6\u662f GET \u9084\u662f POST \u8acb\u6c42\uff0c\u60a8\u90fd\u80fd\u8f15\u9b06\u638c\u63e1\u3002<\/p>\n
\u5b89\u88dd Vue-resource \u5f88\u7c21\u55ae\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528 npm \u6216 yarn \u5169\u7a2e\u65b9\u5f0f\u9032\u884c\u5b89\u88dd\uff1a<\/p>\n
\nnpm install vue-resource --save\n# \u6216\nyarn add vue-resource\n<\/pre>\n\u5b89\u88dd\u5b8c\u6210\u5f8c\uff0c\u53ea\u9700\u5728\u60a8\u7684 Vue \u61c9\u7528\u4e2d\u5f15\u5165\u4e26\u4f7f\u7528 Vue-resource\uff1a<\/p>\n
\nimport Vue from 'vue'\nimport VueResource from 'vue-resource'\n\nVue.use(VueResource)\n<\/pre>\n\u4f7f\u7528 Vue-resource \u9032\u884c HTTP \u8acb\u6c42<\/h2>\n
\u5b89\u88dd\u5b8c\u6210\u5f8c\uff0c\u60a8\u5c31\u53ef\u4ee5\u4f7f\u7528 Vue-resource \u9032\u884c\u5404\u7a2e HTTP \u8acb\u6c42\u3002Vue-resource \u63d0\u4f9b\u4e86\u4e00\u500b\u5168\u5c40\u7684
$http<\/code> \u5c0d\u8c61\uff0c\u8b93\u767c\u9001\u8acb\u6c42\u8b8a\u5f97\u5341\u5206\u65b9\u4fbf\uff1a<\/p>\n\nthis.$http.get('\/someUrl').then(response => {\n console.log('\u6210\u529f:', response);\n}, response => {\n console.error('\u932f\u8aa4:', response);\n})\n<\/pre>\n\u6b64\u5916\uff0cVue-resource \u9084\u63d0\u4f9b\u4e86
$resource<\/code> \u5c0d\u8c61\uff0c\u60a8\u53ef\u4ee5\u7528\u5b83\u4f86\u9032\u884c\u66f4\u7d30\u7dfb\u7684\u8acb\u6c42\u64cd\u4f5c\uff1a<\/p>\n\nthis.$resource('\/someUrl').get().then(response => {\n console.log('\u6210\u529f:', response);\n}, response => {\n console.error('\u932f\u8aa4:', response);\n})\n<\/pre>\n\u5c0d\u65bc POST \u8acb\u6c42\uff0c\u60a8\u53ef\u4ee5\u9019\u6a23\u4f7f\u7528
$http<\/code> \u5c0d\u8c61\uff1a<\/p>\n\nthis.$http.post('\/someUrl', {\n data: 'some data'\n}).then(response => {\n console.log('\u6210\u529f:', response);\n}, response => {\n console.error('\u932f\u8aa4:', response);\n})\n<\/pre>\n\u7d50\u8ad6<\/h2>\n
Vue-resource \u662f\u4e00\u500b\u5f37\u5927\u4e14\u6613\u65bc\u4f7f\u7528\u7684\u63d2\u4ef6\uff0c\u5e6b\u52a9\u60a8\u5728 Vue \u61c9\u7528\u4e2d\u8f15\u9b06\u8655\u7406 HTTP \u8acb\u6c42\u3002\u672c\u6587\u4ecb\u7d39\u4e86\u5982\u4f55\u5b89\u88dd\u8207\u4f7f\u7528 Vue-resource\uff0c\u8b93\u60a8\u80fd\u5920\u81ea\u4fe1\u5730\u9032\u884c\u524d\u7aef\u958b\u767c\u3002<\/p>\n
<\/p>\n
\u6df1\u5165\u4e86\u89e3 Vue-resource<\/h2>\n