1、定义一个传入占位节点id的组件类
比如这里定义一个组件MyClass
function MyClass(id){//组件模板}
2、在组件内获取节点id
function MyClass(id){//组件模板var _self = document.getElementById(id)//根据id获取组件
}
3、定义类的方法
function MyClass(id){//组件模板var _self = document.getElementById(id)//根据id获取组件
this.addP=function(){//定义类方法，这里是显示内容为1233
_self.innerHTML ="1233"
}
}
4、直接在js中调用使用该组件方法
示例：
<body><div id='rrr'></div> 定义占位dom节点
</body>
<script>
var mc = new MyClass('rrr')//初始化组件
mc.addP()//组件调用方法
</script>
他们是一个东西，没什么区别。js组件就是把一系列的功能封装起来，包装成一个对象。比如一个表格组件，一个表单组件等等。一个组件必然包含了某种特定的职能，目的在于可以复用。比方说，你的网站需要展示一个万年历，那么最基本的方法，就是自己画table,自己写逻辑，麻烦得一笔。假如我有100个页面，那么是不是说我要把这些代码复制100遍？？所以，为了避免这种麻烦，就可以把万年历封装成一个组件，然后做成一个js文件发布，别人下载就行了。
