1、新建元素或从元素库中应用元素
2、把 content.html 文件内容拷贝进编辑界面,(如果不是新建的元素直接从元素库中应用即可),添加属性 data-enable-devmod="true"
3、书写元素每个部分代码(每个文件如何书写,查看文件内注释)
4、实现功能, 并测试完毕
注意:
1、开发控制属性需要注意,控制属性代表的是元素的状态,用户通过数据绑定修改其属性至某状态时元素做对应变化。但是如果该元素本身可以通过其它方式切换状态,需要注意保持其状态与控制属性的值一致。通常切换状态时会有默认事件发生,可以通过监听该事件来同步控制属性。
2、开发元素运行期代码需要注意,在元素初始化完毕时,需要更新属性data-x-inited的值为true,初始值(默认)为false。
建议:开发元素时,首先从运行期文件开始处理,编辑器文件最后处理,期间手动修改html属性即可。