javascript - Vue组件export时会自动调用new Vue()吗?

Question

这是一个组件的代码:

<template>
  <p id="app">
    <img src="./assets/logo.png">
    <hello></hello>
  </p>
</template>

<script>
import Hello from './components/Hello'

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

一直没有找到他实例化Vue的部分, 是在export的时候自动实例化了吗?

比如:

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

这样才算是实例化了嘛.

name: 'app'这个选项有什么用?

Answer 1

补充 @lavyun 回答的。
name的作用：
指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools, 未命名组件将显示成 <AnonymousComponent>, 这很没有语义。通过提供 name 选项，可以获得更有语义信息的组件树。

Answer 2

name属性在组件递归的时候有用。
export出来的是一个Vue实例