Vue-Component

Vue的component组件机制剖析 Vue的组件到底是什么？？ 平常我们使用类似如下 import *** from '**/**' 的方式获取单文件组件，里面的内容如下： <template> <div></div> </template> [removed] export default { data () { return {} } } [removed] &lt;style&gt;&lt;/style&gt; 但是在JS中"一切皆对象"，那么组件到底是对象吗？，可以打印这个引用组件的对象看看其形式： 这里我们可以看出单文件组件是一个包含钩子函数，props属性以及方法等的对象，后面会提到组件其实最终是函数。 template组件如何在Vue里面被解析呢？ 当组件import后，会要注册为 components: { ***: *** } 实际上Vue此时会替换