Wprowadzenie vue-resource

Question

stara się znaleźć żadnych gotowych przykładów zastosowania do wtyczki vue-zasobu vue.js, próbowałem to:

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

tylko zapytania httpbin.org/ip (losowy punkt końcowy REST mógłbym znaleźć) i wyświetlić wynik wewnątrz #myview > p. To tylko przykład (wersja przystosowana) podany na vue-resource github page, który próbuję uruchomić.

Czy ktoś może zobaczyć, co mi nie odpowiada, aby to osiągnąć?

Edytuj: dodano przecinek, a here to skrzypce.

Answer 1

To dlatego, że używasz require. Jeśli używasz require trzeba niektóre lib jak http://browserify.org/

Ten przykład jest teraz pracuje: http://jsfiddle.net/dccbbkam/2/

A oto inny przykład dla Ciebie: http://jsfiddle.net/dccbbkam/4/