Iniziare con Vue-risorsa

Question

fatica a trovare alcun esempio pre-made di utilizzo del plug-vue risorsa vue.js, ho provato questo:

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

ad appena interrogazione httpbin.org/ip (un endpoint REST casuale ho potuto trovare) e visualizzare il risultato all'interno di #myview > p. È solo l'esempio (una versione adattata) fornita su vue-resource github page che sto cercando di eseguire.

Qualcuno può vedere quello che non sto ottenendo giusto per raggiungere questo obiettivo?

Modifica: aggiunta la virgola, e here è il violino di esso.

Answer 1

È perché si utilizza require. Se si utilizza require avete bisogno di alcuni lib come http://browserify.org/

questo esempio è ora lavorando: http://jsfiddle.net/dccbbkam/2/

Ed ecco un altro esempio per voi: http://jsfiddle.net/dccbbkam/4/