Prise en main avec vue-ressources

Du mal à trouver toute pré-exemples d'utilisation de la vue-plugin de ressource de vue.js, j'ai essayé ceci :

<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>

juste requête httpbin.org/ip (aléatoire du point de terminaison REST que j'ai pu trouver) et d'afficher le résultat à l'intérieur de #myview > p. C'est juste l'exemple (une version adaptée) prévu sur le vue-ressource page github que j'essaie de l'exécuter.

N'importe qui peut voir ce que je ne suis pas de droite pour y parvenir ?

Edit: ajout d'une virgule, et ici est le violon d'elle.