У меня есть массив категорий, который загружается один раз (в созданном крючке), а затем он постоянно статичен. Я представляю эти значения массива в шаблоне компонента.
<template>
<ul>
<li v-for="item in myArray">{{ item }}</li>
</ul>
</template>
Свойство моих данных выглядит (оно не включает myArray - я не хочу реактивной привязки):
data() {
return {
someReactiveData: [1, 2, 3]
};
}
Мой крючок создания:
created() {
// ...
this.myArray = ["value 1", "value 2"];
// ...
}
Проблема в том, что ошибка Vue throw - я не могу использовать myArray в шаблоне, потому что эта переменная не создается, когда DOM создается - монтируется.
Итак, как это сделать? Или где могут храниться константы компонента?