微信小程序之component注册（一个小bug改了我好久）

微信小程序文档中提供的组件有限，一定程度上限制了开发需求，这里就需要我们自定义一些控件，实现开发需求。自定义控件有两种方式，一种是选择模板的方式，另一种是选择组件的方式来创建。这里我选择了组件方式来创建，这样只需引入组件和外部添加数据，内部展示数据，即可实现重用。

这里展示一个简单的component注册，旨在熟悉下流程。主要是这个小bug，不知道大家有没有遇到？

step 1:

如果是小程序云开发，会自动生成miniprogram目录，这时需在miniprogram下新建一个components文件夹，接着再新建一个page,然后再新建一个component（名字可以自己取，我这里都用的是t_test）          （注：如果不是云开发就直接新建一个文件夹即可，后面流程一样） 

 step 2:

在t_test.wxml中写下：

<view class="ty_test">"Never say never!"</view>

这里用到了样式所以在t_test.wxss中写下：

.ty_test{
 height: 200px;
 width: 50px;
 border: solid;
 color: red;
}

   step 3:

注册好组件后，我们来使用它，在你用来调试的pages中的.json文件中写下：

{
  "usingComponents": {
    "t_test":"/components/t_test/t_test"
  }
}

     我这里是base.json,如图：

重点！！！！这里"/components/t_test/t_test"，一定要用相对路径，且不能带有miniprogram,我之前一直用的绝对路径，一直报错，心态崩了，这个小bug改了我一个小时。这里的作用就是让程序找到你注册的组件。

step 4:

在base.wxml里写入<t_test/>就可以执行你定义的组件了，如图：