关于VUE的export default一些小疑问

Question

新人，刚学VUE没多久，这是VUE-CLI一个模板例子，我想问一下,name:app倒是含义是什么？或者作者想表达啥意思

export default{
      name:'APP'
    }

<template>
  <div id="app">
    ![](./assets/logo.png)
    <router-view/>
  </div>
</template>

<script>
    export default{
      name:'APP'
    }
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

Answer 1

这是组件名称，有三个作用：

1. 允许组件模板递归地调用自身，就是在组件内部调用自身组件
2. 便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools，未命名组件将显示成 <AnonymousComponent>，这很没有语义。通过提供 name 选项，可以获得更有语义信息的组件树。
3. keep-alive中有include 和 exclude允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示。匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。