`export default` 中的 `name` 是什么？答案

【问题标题】：What's the `name` in `export default`?`export default` 中的 `name` 是什么？
【发布时间】：2018-02-11 13:41:31
【问题描述】：

我在找一个vue项目，一个Users.vue，在它的<script>，export default有name: 'users'：

<template>

</template>

<script>

  export default{
    name:'users',  // there is a `name: 'users'` key-value.
    data(){
      return {
        users:[
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false},
          {name:'Henry', position:'Web developer', show:false}
        ]
      }
    },
    components: {}
  }
</script>

<style scoped>

</style>

我想知道里面的name: 'users' 函数是什么。之前看到其他项目，里面没有name: users。

EDIT-1

我的意思是在Users.vue中，name: users是否与Users.vue相关？还是只是export default中的一个元素？

【问题讨论】：

标签： ecmascript-6 vue.js

【解决方案1】：

来自doc：

允许组件在其模板中递归调用自身。请注意，当使用 Vue.component() 全局注册组件时，全局 ID 会自动设置为其名称。

指定名称选项的另一个好处是调试。命名组件会产生更有用的警告消息。此外，当在 vue-devtools 中检查应用程序时，未命名的组件将显示为，这不是非常有用的信息。通过提供名称选项，您将获得更多信息的组件树。

它只适用于组件。在调试时指定名称选项，它会提供有用的警告消息。

【讨论】：

【解决方案2】：

这两个名称并不真正相关，但在名称属性 (name: user-profile) 中使用 kebab 大小写并在 pascal 大小写 (UserProfile.vue) 中相应地命名 .vue 文件被认为是一种好习惯。

【讨论】：