javascript - Vue组件export时会自动调用new Vue()吗?
本文介绍了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屋!
查看全文