Vue.js VueJS组件在提交/保存后消失

我正在使用vue.js创建一个组件。单击

添加部分

按钮后，将创建此组件

这是由

添加节

按钮组成的

节.vue

类

添加节

导出默认值{
道具：{
},
数据（）{
返回{
菜单选项：[]
}
},
安装的（）{
console.log（'here'）；
console.log（this.menuseoctions）；
},
方法：{
addSection:函数（类型）{
这个是.menuseoctions.push({
id:Math.random（）.toString（36）.子字符串（6），
类型：类型
});
}
},
}

点击按钮后。它应该显示组件

菜单部分

（section.vue）。这是

部分。vue

类：

标题

从“/Items”导入项目；
导出默认值{
组件：{Items}，
道具：{
id:null，
类型：null
},
数据（）{
返回{
项目：[]，
}
},
计算：{
typeName:function（）{
返回this.type==1？'a'：'b'；
}
},
安装的（）{
},
方法：{
},
}

它可以保存在数据库中。我可以在数据库中看到截面数据记录。然而，当我提交时，我刚才在前端生成的Vue组件消失了

当我在浏览器上检查Vue检查时，浏览器上的

数据

-

菜单操作

将变为

数组[0]

。即使在提交之前，数组也不是空的。它有：

menuSections:Array[1]
    0:Object
        id:"v3qqsi"
        type:1

你知道如何将我刚刚生成的组件保留在前端吗