- 将插件配置项写在html的div里,data-config自定义属性,外单引号,内双引号(内部是JSON字符串)
<div class="todo-wrap" data-config='{
"plusBtn":"j-show-input",
"inputArea":"input-wrap",
"addBtn":"j-add-item",
"list":"list-wrap",
"itemClass":"item"
}'>
</div>
var config = this.node.getAttribute('data-config')
var config = this.node.dataset.config
- 对象可以添加方法,JSON数据不可以
- 为什么要校验,这个插件的html不是自己写的吗
function errorInfo(key){
return new Error(
`参数${key}未配置\n
必须配置的参数列表如下:\n
打开输入框按钮元素类名:plusBtn \n
输入框类名:inputArea \n
添加按钮类名:addBtn \n
列表类名:list \n
事项类名:itemClass \n`
)
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210619170343256.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUwMzUxMQ==,size_16,color_FFFFFF,t_70)
- 原型上的方法不要太累赘,能抽象出方法的就抽象
- 不是非要用call、apply吧