react和vue初始化数组的通用写法

以下的写法react和vue是一样的。

React的写法

constructor(props) {
    super(props);
    this.state = {
      authorityList:[
        {
        roleId:1,
        roleName:"系统管理员",
        status:1,
        roleAuthority:[{authorityId:11,authorityName:"所有权限"}],
       },
       {
        roleId:3,
        status:2,
        roleName:"财务人员",
        roleAuthority:[{authorityId:31,authorityName:"店铺管理"},{authorityId:32,authorityName:"订单管理"}],

      },
      {
        roleId:201,
        roleName:"客服主管",
        status:2,
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
          {authorityId:2014,authorityName:"分类管理"}
        ],

      },
      {
        roleId:202,
        roleName:"运营专员",
        status:1,
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
        ],
      },
      {
        roleId:203,
        roleName:"客服专员",
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
        ],

      },
    ]
    };
  }

vue写法

export default {
  data() {
    return {
        authorityList:[
        {
        roleId:1,
        roleName:"系统管理员",
        status:1,
        roleAuthority:[{authorityId:11,authorityName:"所有权限"}],
       },
       {
        roleId:3,
        status:2,
        roleName:"财务人员",
        roleAuthority:[{authorityId:31,authorityName:"店铺管理"},{authorityId:32,authorityName:"订单管理"}],

      },
      {
        roleId:201,
        roleName:"客服主管",
        status:2,
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
          {authorityId:2014,authorityName:"分类管理"}
        ],

      },
      {
        roleId:202,
        roleName:"运营专员",
        status:1,
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
        ],
      },
      {
        roleId:203,
        roleName:"客服专员",
        roleAuthority:[
          {authorityId:31,authorityName:"店铺管理"},
          {authorityId:32,authorityName:"订单管理"},
          {authorityId:2011,authorityName:"商品管理"},
          {authorityId:2012,authorityName:"营销活动"},
          {authorityId:2013,authorityName:"用户管理"},
        ],

      },
    ]
    };
  },




};