1.通过vue devtool查看vue组件和oinone组件的信息
安装vue devtool插件
chrome安装最新版的vue devtool插件 谷歌应用商店插件地址，隐藏窗口需要在扩展程序的详情页额外设置才能使用该插件
安装好插件后，可以通过插件选中html页面中的元素查看相关信息
相关特性了解
- 组件自动创建的vue组件以组件的class类名命名，据此特性可以得出自定义组件的时候，可继承该命名的父类
- 一般oinone的组件以
Widget后缀命名，也推荐大家也以此为后缀，方便在vue调试面板快速看出哪些是oinone组件 - 选中
oinone组件后可以在右侧面板看到相关的组件信息，部分属性介绍template属性为dsl的配置activeRecords、formData、rootData、parentData、dataSource等属性为常用数据属性action为动作的元数据field为字段的元数据
2.直接在浏览器开发者工具的源码处调试源码
打开浏览器开发者工具，进入标签页源代码/来源(英文版为Source)，win系统用快捷键ctrl+O，mac系统用快捷键cmd+O, 可以打开文件搜索面板，通过关键字搜索文件名找到代码文件，可直接在里面debug调试或者查看执行逻辑
Oinone社区 作者：nation原创文章，如若转载，请注明出处：https://doc.oinone.top/frontend/17130.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
