学习Vue的VueComponent构造函数总结

今天主要学习了组件使用的注意事项和VueComponent构造函数。先来说一下注意事项，首先就是组件的名字，如果名字是单个单词有两种写法首字母大小写都可以，但借助Vue开发者工具可以看到它默认给我们写成大写，所以一般也会习惯把它写成大写，还有一种情况就是组件名由多个单词组成，同样有两种写法，一种是单词与单词之间用短杆做分隔且字母都为小写，另一种（需要Vue脚手架支持）就是每个单词之间的首字母用大写来区分开， 最后就是起名要尽量避开HTML已有的元素名称，组件标签还有一种简写方法<组件名/>，注意这是单标签写一个即可。接下来要说的就是VueComponent函数，一般它的简称为vc，第一个要知道的就是我们自己创建的组件都是基于这个vc的构造函数得来，说到构造函数肯定是要使用new关键字才可以生成，但发现在创建函数时吧并没有写new，其实在new在我们创建组件时写的Vue.extend关键字时Vue的底层帮我们调用了，通过测试发现每创建一个组件Vue都会帮我们调用一个全新的vc，通过控制台也可以发现vc其实和Vue实例的vm里面的内容基本上是一样的，同样有数据监视和数据代理，再通过控制台输出组件里面的配置项this，发现this指向的正是vc构造函数的实例对象，最后再做一个测试就是证明vc是不是受vm所管理的，通过vm的实例对象里面的$childeren发现，它是一个数组形式，且数组里面的元素正是我们所创建的vc实例对象，如果我们写的是组件嵌套，那么$childeren数组里面的元素也是呈现出一个数组嵌套另数组的形式，这样就足以证明vc实例对象是受vm实例对象所管理的，了解vc这个底层原理之后对后面分析源码的时候很有帮助。