组件化开发

一、注册组件步骤解析

组件的使用分成三个步骤：

      1.创建组件构造器

      2.注册组件

      3.使用组件

1.Vue.extend()：

      调用Vue.extend()创建的是一个组件构造器。

      通常在创建组件构造器时，传入template代表我们自定义组件的模板。

       该模板就是在使用到组件的地方，要显示的HTML代码。

      事实上，这种写法在Vue2.x的文档中几乎已经看不到了，它会直接使用下面我们会讲到的语法糖，但是在很多资料还是会提到这种方式，而且这种方式是学习后面方式的基础。

2.Vue.component()：

     调用Vue.component()是将刚才的组件构造器注册为一个组件，并且给它起一个组件的标签名称。

     所以需要传递两个参数：1、注册组件的标签名 2、组件构造器

 

 

 二、父组件和子组件

   组件和组件之间存在层级关系

   而其中一种非常重要的关系就是父子组件的关系

 

三、父子组件的访问方式： $children

父组件访问子组件：使用$children或$refs

子组件访问父组件：使用$parent

四、props数据验证

验证都支持如下

String、Number、Boolean、Array 、Object、 Date、 Function 、Symbol