调试技巧

Easyv-cli向'window'对象暴露了组件的属性，以方便开发者在组件开发过程中的调试，你可以通过浏览器控制台输出来查看对应的组件信息。

一、本地调试

通过easyv dev命令本地运行组件时，可使用本地调试的方法。

cli暴露到'window'上的属性名称为'__MAIN__'，在window.__MAIN__的default属性中，我们又定义了四种方法：getDefaultConfig、getDefaultData、getDefaultChildrenConfig、getDefaultChildrenData，分别用来获取组件配置、组件数据、子组件配置、子组件数据。

getDefaultConfig、getDefaultData方法会返回主配置文件main.json和主数据文件main.data.json经过封装转化后的内容。

而getDefaultChildrenConfig、getDefaultChildrenData方法会返回已在‘子组件管理’中添加的子组件配置和数据信息，并增加了区分每个子组件的id字段。

二、平台调试

在easyv平台的编辑页和预览页中，也可在浏览器控制台中调用组件的调试方法，与本地调试不同的是，平台暴露到'window'上的属性名称为'component'，你需要通过下标来选择component中的某个组件字段，以区分是获取该大屏中哪个组件的信息。

组件对应的四种调试方法getDefaultConfig、getDefaultData、getDefaultChildrenConfig、getDefaultChildrenData和本地调试时相同。

如遇其他使用问题，可扫描下方二维码，获取更多产品支持~