3体系化Vue再学习——组件开发

组件化开发vs 传统方式

传统开发模式，做了css、js封装，但是对于html是没有封装的，代码需要各种复制。

组件化中，一个组件有一套css、js、html。最后引用组件实现组装。

非单文件组件开发基础流程

1、创建组件

组件中data是方法。（注意方法和对象属性的区别：方法只要调用就会在内存中开辟，且每次调用均会开辟，属性，在创建对象之后就独一份）

2、注册组件

 3、使用组件标签

4、可转化为全局组件

 

组件嵌套

基本的组件嵌套

1、在需要用的组件中通过components申明之后使用

2、统一封装在一个组件下

 VueComponent （vc）和 Vue实例对象vm结构相似，功能相似。但是vc是vm中的一个属性

 区别：

vc有的vm都有，但是vm可以通过el决定为哪个容器服务，但是vc不行。

Vue重要内置关系

单文件组件

1、组件的基础结构

注意：template不参与结构的解析；

2、组件暴露

 3、组件引用