组件化，既然是笔记，那么就不拖泥带水了，都是一些必须要掌握的知识点，今天的内容就是组件化：
这听起来会让我们想到模块化编程，这里提到一点，他们是不一样的，怎么不一样呢？咱们遇到再说，知道大家知道不是同一个东西就可以了；组件化就是将一个大的项目分成一个个小的项目去完成：
这期就简单介绍一下哈，组件呢一般是用在我们有很多重复代码的时候，比如想那种淘宝的卖货页面，那些一个一个的货物界面其实都是一个小组件，我们制作类似的页面的时候就要想到用组件制作，我就直接可以省好多事；
组件化的学习有下面几块：
先让大家看看组件代码：
<body>
<div class="" id="app">
<my-cpn1 :movies1="movies" :greet1="greet">
</my-cpn1>
<my-cpn3 :mymovies="movies" @signlistren="sonlistren">
</my-cpn3>
</div>
</body>
<template id="cpn1">
<div>
<h2>我是组件一,{{movies1}}</h2>
<p>{{greet1}}</p>
</div>
</template>
<template id="cpn2">
<div>
<h2>我是组件2</h2>
</div>
</template>
<template id="cpn3">
<div>
<h2>我是组件3,{{mymovies}}</h2>
<button @click="submit(message)">通知父组件</button>
</div>
</template>
这个一个一个的template标签就是一个组件的模板，很多重复的代码放在里面，可以看到我没有把他们放在body里面显示出来，而是直接使用了它们的id注册的标签，这些标签也是具有属性的，所以有一些数据不一样的话就就是使用这些属性进行更改；
这是基本使用，而组件的重中之重就是父子组件之间的关系，其实主键是由自己的作用域的，它们与其他组件或者是vue实例是独立开来的，当然你也可以将vue实例看成是一个组件，是一个最外边的组件，父子组件只有可以通信才能改变数据，它们怎么通讯咱们后面讲，这一期先到这。
