如何使用vue-country-select？

Question

我正在尝试添加

https://github.com/Haixing-Hu/vue-country-select

在我的profile.vue组件中，其语法类似于

<template>
<div id="myid">
</div>
</template>

...
export default {
...
}

当我只放置这样的html元素

<vue-country-select class="vue-country-select" name="country-select"
                    :model.sync="result" language="en-US">
</vue-country-select>

，有错误

未知的自定义元素：-您是否正确注册了组件？

然后我将代码添加到我的js部分

export default {
  components: {
    'vue-country-select': require('vue-country-select')
  },
  data () {
    return {
      result: null,
    ...

那我错了

无法安装组件：模板或渲染功能未定义。

我在Google上搜索后发现，路由器文件中必须有“默认”字样，例如

{ path: '/profile',
  component: Profile**.default**,
  name: 'Profile',
  beforeEnter: ifAuthenticated
},

当我这样做时，没有任何错误，但是除了页面之外，我什么也没看到，一切都消失了。 那么，我在哪一步上犯了错误以及如何解决呢？