【文件属性】：
文件名称：Vue-Component
文件大小：243KB
文件格式：ZIP
更新时间：2021-05-12 19:49:42
JavaScript
Vue的component组件机制剖析
Vue的组件到底是什么？？
平常我们使用类似如下
import *** from '**/**'
的方式获取单文件组件，里面的内容如下：
[removed]
export default {
data () {
return {}
}
}
[removed]
<style></style>
但是在JS中"一切皆对象"，那么组件到底是对象吗？，可以打印这个引用组件的对象看看其形式：
这里我们可以看出单文件组件是一个包含钩子函数，props属性以及方法等的对象，后面会提到组件其实最终是函数。
template组件如何在Vue里面被解析呢？
当组件import后，会要注册为
components: {
***: ***
}
实际上Vue此时会替换
【文件预览】：
Vue-Component-master
----index.html(270B)
----src()
--------router()
--------main.js(360B)
--------components()
--------App.vue(903B)
--------assets()
----config()
--------dev.env.js(156B)
--------test.env.js(149B)
--------prod.env.js(61B)
--------index.js(2KB)
----build()
--------vue-loader.conf.js(553B)
--------build.js(1KB)
--------webpack.dev.conf.js(3KB)
--------utils.js(3KB)
--------webpack.prod.conf.js(5KB)
--------logo.png(7KB)
--------check-versions.js(1KB)
--------webpack.base.conf.js(2KB)
----test()
--------unit()
--------e2e()
----README.md(21KB)
----package-lock.json(510KB)
----package.json(3KB)
----static()
--------.gitkeep(0B)
----component.md(21KB)