开始使用 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 &gt; 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的主要内容,如果未能解决你的问题,请参考以下文章

我开始使用 tkinter

【从0开始学Laya】7-如何使用图集和加载资源

开始使用 http 隧道

使用滑动手势和触摸同时开始/移动/结束

如何开始使用 SVN?

无法使用 HKWorkoutSession 开始锻炼课程