如何使用vue.js创建辅助导航栏

我获得了Json数据，并使用它与vue.js一起创建了一个辅助导航栏，但我无法完成它，这是我的简单代码

`

我完成了主导航，但我不知道辅助导航，这是Json

---

辅助导航的代码在哪里？没有辅助导航，我不知道怎么做。为什么不像主导航那样编写代码？如何获取JSONY您正在使用AJAX调用获取主导航。您可以使用另一个AJAX调用来获取辅助导航数据吗？

<nav class="nav" id="nav">
    <ul class="navsBox"> 
      <!-- The primary navigation -->
      <template v-for="item in navItems" v-on="mouseover: mouseOver">
        <li><a href="#">{{item.gc_name}}</a></li>
      </template>
    </ul>
  </nav>

  var vm = new Vue({
  el :'#nav',
  data: {
    navItems: ''
  },
  created: function() {
    var _self = this;
    $.ajax({
      type :'GET',
      url: 'http://1390.iluckycat.com/api/parent/class',
      success: function(data) {
        _self.navItems = data.data;
      }
    })
  },
  methods: {
    mouseOver: function(){

    }
  }
})