Vue.jsで階層カテゴリを作りたい

Question

こんにちは。今、Vue.jsで次の記事を参考に、階層カテゴリを作っています。

Vue.js入門その７〜セレクトボックスを動的に変更してみる〜

作成中の階層カテゴリは、レベル1からレベル4まであり、階層構造は 港湾分類.json に示されています。

HTML:
https://katahiromz.github.io/vue/classify.html
https://katahiromz.github.io/vue/港湾分類.json

ソース：
https://github.com/katahiromz/katahiromz.github.io/blob/master/vue/classify.html
https://github.com/katahiromz/katahiromz.github.io/blob/master/vue/港湾分類.json

港湾分類.jsonは、4個の文字列からなる配列の配列になっています。
港湾分類.jsonをaxiosを使って読み込み、parse_json関数で多重連想配列に変換しています。

function parse_json(json) {
  var dict = {};
  for (var i in json) {
    var item = json[i];
    if (item[0] == '') continue;
    if (!(item[0] in dict)) {
      dict[item[0]] = {};
    }
    if (item[1] == '') continue;
    if (!(item[1] in dict[item[0]])) {
      dict[item[0]][item[1]] = {};
    }
    if (item[2] == '') continue;
    if (!(item[2] in dict[item[0]][item[1]])) {
      dict[item[0]][item[1]][item[2]] = {};
    }
    if (item[3] == '') continue;
    if (!(item[3] in dict[item[0]][item[1]][item[2]])) {
      dict[item[0]][item[1]][item[2]][item[3]] = {};
    }
  }
  return dict;
}

でもなぜかレベル１の項目が空のままです。エラーメッセージもなくて、どこで失敗しているのかがわかりません。

level0_change関数でalert(entries)を試したところ、entriesはセットされているようです。

Answer 1

Vue.jsが難しすぎます。
jQueryで作り直そうと思います。
すみませんでした。