Vue组件不会引发错误，但不会呈现任何内容

Question

我正在尝试使vue-google-autocomplete在我的网站上工作。由于这是一个Django项目，并且我不使用nmp也不知道如何使用它，所以我尝试使用http-vue-loader。

问题是，除了网站上的VUE works外，我什么都看不到。

JSFIDDLE

  

https://jsfiddle.net/zwjs8k75/7/

JS

Vue.use(httpVueLoader);
new Vue({
  el: '#app',
  data: {
    'testmessage': 'VUE works'
  },
  'components': {
    'vue-google-autocomplete': 'url:https://cdn.jsdelivr.net/npm/vue-google-autocomplete@1.1.0/src/VueGoogleAutocomplete.vue'
  },


  methods: {
    /**
     * When the location found
     * @param {Object} addressData Data of the found location
     * @param {Object} placeResultData PlaceResult object
     * @param {String} id Input container ID
     */
    getAddressData: function(addressData, placeResultData, id) {
      this.address = addressData;
    }
  }
})