接着上一次小程序高级电商前端第1周走进Web全栈工程师三----首页Banner、分类六宫格继续，接下来则来实现分类的六宫格，先来回忆一下它的样子：
具体实现：思考？在正式实现它之前，先来思考一个问题，我们直接将布局写在home.wxml中是否好？
当然不好，因为咱们这个首页的业务是比较多的，随着业务的不断深入这里面的代码会越来越多，wxml代码一多，其它连带的像.js，.wxss都会相应的进行膨胀的，那么有什么方式能解决这样的问题么，将它自定义成一个组件既可，就像我们集成的lin-ui一样，所以有了这层的思考，接下来则将九宫格分类以组件的方式来进行实现。
自定义组件框架搭建：咱们接下来则来学会如何在小程序中自定义组件，先新建一个文件夹：
然后再建一个具体跟咱们这个组件相关的文件夹：
然后像新建页面一样，还是回到小程序的IDE上来，因为会一次性为我们生成关联的所有文件，比较方便，如下：
这里则有一个比较好的约定给组件文件命名的方式，就是统一叫index既可，如下：
这里打开index.js瞅一眼，可以看到它跟Page是有区别的：
而页面的根结点是Page。
页面骨架编写：引入组件：这里先来上