name 在 export default {} 中的作用。

Question

在 App.vue 中:

<template>
  <div id="app-container">
    <router-view></router-view>
  </div>
</template>

<script>

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

<style>

</style>

我们看见：

<script>

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

这里的 name: 'app' 有何作用？可以不写吗？写了有何好处？

Answer 1

1. name: 'app' 相当于一个全局 ID；
2. 可以不写；
3. 写了可以提供更好的调试信息（官方文档有）。

Answer 2

看这里，https://cn.vuejs.org/v2/api/#...