手把手第八篇：小程序组件的使用

在上期文章中，我们主要聊了聊在小程序开发过程中，通过网络请求获取对应的服务器域名与请求接口的使用。本期文章中，我们要一起聊聊如何在开发过程中使用小程序组件。小程序的组件分为两类：

1. 内置组件
2. 自定义组件

本期文章属于《手把手系列教学》的第八篇，如果你还不太了解这一系列，可以点击 这里 查看详情。本期内容依然在微信小程序开发的基础上进行讲解，还请读者提前注意。

---

内置组件

内置组件指在小程序内部已经预先定义好的组件，开发者不需要特殊引用就可以在代码内直接使用，以下面代码为例：

<view>
	<text>这是一个按钮</text>
	<button bintap='foo'>按钮</button>
</view> 

<view>, <text>, <button> 均为内置组件。内置组件的更多使用方法可以参考微信小程序开发文档。

自定义组件

随着我们小程序开发的进行，编写的代码越来越多，页面级别的代码会越来越臃肿。这时，我们需要把代码拆分成更小粒度的单元，这样子可以让代码更易于维护，也更加容易复用。这个更小粒度的单元，也就是自定义组件。

有这么一个场景: 我们在一个页面当中，填写若干个手机号码，点击 “保存” 后把号码依次保存在 storage 的一个列表中，页面代码如下：

// wxml
<view>index 页面</view>
<view class="wrapper">
  <input class&#