Javascript Vue组件没有'；不会引发错误，但不会呈现任何内容

我正在努力在我的网站上工作。因为这是一个

Django

项目，我不使用

nmp

也不知道如何使用它，所以我尝试使用它

问题是，除了网站上的

VUE works

，我什么都看不到

JSFIDDLE

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;
    }
  }
})

---

我认为你没有在html中传递api密钥，可能是因为这个原因？你没有为google Map使用正确的api密钥对不起，伙计们，我没有看到它，当然我使用的是好的api密钥，但我不想显示它。此外，我认为这会引起一些错误。我认为您没有注册您的组件ok@Loki那我该怎么注册呢？