组件化编程之组件基础

一、组件的定义

1、实现应用中局部功能的代码和资源的集合；

2、每一个功能模块都是组件，每一个组件包括html、css、js三个文件；

注意：

1、组件没有el属性，初始定义的时候没有确定专门为哪个容器服务，可以随时被其他组件或vm调用，“组件就是一块砖，哪里需要哪里搬”

二、非单文件组件

也就是说一个html中包含有多个组件；

1、使用步骤：

（1）使用extend创建组件：

在script标签中编写，可以包含template属性用于添加显示在页面的html结构，例：template:` ... `，例：const school = Vue.extend({ ... })

data要写成函数式；

原理：因为如果是对象式的话，所有元素复用该组件时使用的数据都是同一个，容易