For my component, I am in need of multiple empty arrays and predefined objects. The data object structure provided below seems to be effective for my purpose. However, I am uncertain if this is the optimal pattern and whether it might lead to unforeseen consequences.
Here is an excerpt from a Vue component that I have created.
<template>
//html
</template>
<script>
export default {
name: "SomeComponent",
data() {
let dates = []
let open = []
let closed = []
let replied = []
let option = {
title: {
text: "Summary",
},
tooltip: {
trigger: "axis",
},
legend: {
data: [{
name: "Open",
icon: "circle"
},
{
name: "Closed",
icon: "circle"
},
{
name: "Replied",
icon: "circle"
},
],
}
}
return {
dates,
open,
closed,
replied,
option,
theme,
}
},
}
</script>