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

问题描述

问 题

这是一个组件的代码:

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <hello></hello>
  </div>
</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'这个选项有什么用?

解决方案

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

这篇关于javascript - Vue组件export时会自动调用new Vue()吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！