## 自定义组件 系统提供了很多组件，有时我们在开发中根据自身业务要添加自己的功能组件，比如购物车管理等，如果hdjs在webpack中使用，那么我们可以使用es6或amd方式定义，这里就不进行说明了。如果在页面中使用require.js管理，定义方法如下。 [TOC] ## 定义require.js组件 下面我们定义一个组件 addons/houdunren/template/js/test.js 。 ~~~ <script> define(['hdjs'], function (hdjs) { return { name:'这是属性', //下面是方法定义 func1:function(){ return 'func1'; }, func2:function(){ return 'func2'; } } }); </script> ~~~ 第一个数组参数是你这个组件依赖的其他组件，也就是说我们在组件中可以使用hdjs已经存在，或者用户自定义的其他任何组件。 ## 使用自定义组件 使用自定义组件只要路径填对就可以直接使用和使用hdjs组件一样的。比如上面的组件我们定义在了网站根目录下 addons/houdunren/template/js/test.js目录中，使用方法如下： ~~~ <script> require(['addons/houdunren/template/js/test.js'],function(test){ alert(test.func1()); }) </script> ~~~