Как в vue выводить данные по клику?

Question

[r_g_b_a]

В процессе изучения основ vue пытаюсь переписать jquery-скрипт.
Есть такой пример.
1) Тут я попытался сделать двухуровневое меню, и теперь я хочу, чтобы при клике по его пунктам обновлялись значения в строках a, b и ссылка на фото.
Как я понял, верным решением будет создать в объекте data новую переменную (active в моем примере), и в нее сохранять значение активного пункта меню. Для этого я создал метод changeCategory, но что присваивать в active не знаю. И я подозреваю, что моя запись {{active.a}} до первого клика будет выдавать ошибку.
2) Как сделать, чтобы при загрузке сайта первый пункт первого меню уже был выбранным? На jquery я бы мог сделать что-то вроде $(ul ul li).eq(0).click().

Answer 1

[0xD34F]

<div @click="changeCategory(subcat)">
...
<div v-for="(v, k) in active">{{ k }}: {{ v }}</div>

changeCategory({ a, b }) {
  this.active = { a, b };
},

Как сделать, чтобы при загрузке сайта первый пункт первого меню уже был выбранным?

created() {
  this.changeCategory(this.categories[0].sub[0]);
},