组件设计

组件数据结构

为什么要设计组件的数据结构？

通过设计组件的数据结构，能够更方便集中的管理组件的数据，比如在Store中对组件的状态进行集中的管理。若直接管理Vue组件实例这个过程步骤过于繁琐且效率不高。通过将组件实例抽离为一个对象能够使用js进行高效的管理。

如何设计组件的数据结构？

{
	componentName: 'MButton', // 组件的名字
    type: 'e', // 适配当下流行的组件库 （暂未实现）
    label: '按钮', // 左侧组件栏显示的标签名字
    propValue: 'button', // 组件的属性
    animations: [], // 组件的动画（暂未实现）
    events: [], // 组件的事件（暂未实现）
    style: {} // 组件的样式
}