2. 组成页面的json相关

json的作用是用来描述页面的结构的。

1. 初级版本的json

接上一篇文章中所述的初级版本json， 链接

对于HTML而言，组成页面的是元素，元素的属性，元素的内容，元素的事件，元素的子属性等。

初级版本就是单纯的想验证vue可以实现这种功能，所以比较简单。

初级版本的代码如下：

const array = [
  {
      tag: 'div',
      innerHTML: 'this is div element'
  },
  {
      tag: 'p',
      innerHTML: 'this is p element'
  },
  {
      tag: 'h1',
      innerHTML: 'this is h1 element'
  },
];

2. 升级版的json

继承基础版的json结构，这里需要一个完整的json结构。
对于HTML而言，组成页面的是元素，元素的属性，元素的内容，元素的事件，元素的子属性等。