开始使用 vue-resource
Posted
技术标签:
【中文标题】开始使用 vue-resource【英文标题】:Getting started with vue-resource 【发布时间】:2015-11-11 23:38:17 【问题描述】:努力寻找任何用于 vue.js 的 vue-resource 插件的预制示例,我尝试了这个:
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.7/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.1.13/vue-resource.min.js"></script>
<div id="my_view">
<p> origin </p>
</div>
<script>
var Vue = require('vue');
Vue.use(require('vue-resource'));
new Vue(
el: '#my_view',
data:
origin: ''
,
ready: function()
// GET request
this.$http.get('http://httpbin.org/ip', function (data, status, request)
// set data on vm
this.$set('origin', data)
).error(function (data, status, request)
// handle error
)
)
</script>
只查询httpbin.org/ip(我可以找到的随机REST端点)并在#myview > p
中显示结果。这只是我尝试运行的vue-resource github page 上提供的示例(改编版本)。
任何人都可以看到我在实现这一目标方面做得不对吗?
编辑:添加逗号,here 是它的小提琴。
【问题讨论】:
javascript 控制台中是否有任何语法或其他错误? “准备好”之前少了一个逗号。如果你把它变成小提琴,可以提供进一步的帮助。 【参考方案1】:因为您使用的是require
。如果你使用require
,你需要一些像http://browserify.org/这样的库
这个例子现在可以工作了: http://jsfiddle.net/dccbbkam/2/
下面是另一个例子: http://jsfiddle.net/dccbbkam/4/
【讨论】:
谢谢!无需精确我从 javascript 开始,我想你已经发现了 :)以上是关于开始使用 vue-resource的主要内容,如果未能解决你的问题,请参考以下文章