Collection
Collection
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<title>Vue自学：组件化的实现和使用步骤（组件化基本理论）</title>
</head>
<body>
</body>
<script type="text/javascript">
//什么是组件化？
//人在面对复杂问题时的处理方式：
//任何一个人处理信息的能力是有限的
//所以，当面对一个非常复杂的问题时，我们不大可能一次性搞定一大堆内容
//但是，我们人有一种天生的能力，就是把问题拆解
//如果将一个复杂的问题，拆分成为很多的小问题，再将其放在整体当中，大问题也会被解决
//组件化也是类似的思想：
//如果我们将一个页面所有的处理逻辑全部放在一起，处理起来会变得非常复杂，而且不利于后续管理
//但如果，我们将一个页面拆分成为一个个小的功能块，每个功能完成属于自己的这部分独立的功能
//那么之后整个页面的管理和问题就会变得非常容易了
//组件化是Vue.js的重要思想
//他提供了一种抽象，让我们可以开发出一个个独立的小组件来构造我们的应用
//任何的应用都会被抽象成为一颗组件树
//组件化思想的应用
//有了组件化的思想，我们在之后的开发中就要充分的利用它
//尽可能的将页面拆分成为一个个小的，可复用的组件
//这样让我们的代码更加方便组织和管理，并且拓展性很强
//组件的使用分成三个步骤
//创建组件构造器
//通过Vue.extend()方法创建组件构造器
//注册组件
//调用Vue.component()注册组件
//使用组件
//在Vue实例的作用范围内使用组件
</script>
</html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
