Bắt đầu với vue tài nguyên

Question

Đấu tranh để tìm thấy bất kỳ mẫu tạo sẵn sử dụng cho các plugin vue tài nguyên của vue.js, tôi đã cố gắng này:

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

chỉ truy vấn httpbin.org/ip (một thiết bị đầu cuối REST của ngẫu nhiên tôi có thể tìm thấy) và hiển thị kết quả bên trong #myview > p. Đó chỉ là ví dụ (một phiên bản được điều chỉnh) được cung cấp trên vue-resource github page mà tôi đang cố gắng chạy.

Có ai có thể thấy những gì tôi không có quyền đạt được điều này không?

Chỉnh sửa: thêm dấu phẩy và here là điểm nhấn của nó.

Answer 1

Bởi vì bạn đang sử dụng require. Nếu bạn sử dụng require bạn cần một số lib như http://browserify.org/

Ví dụ này hiện đang làm việc: http://jsfiddle.net/dccbbkam/2/

Và đây là một ví dụ khác cho bạn: http://jsfiddle.net/dccbbkam/4/