vue.esm.js?65d7:479 [Vue warn]: Property or method "item" is not defined on the instance but referenced during render. 
Make sure to declare reactive data properties in the data option.




<template v-for="item in items">
  <b-nav-item :to="item.path">
    {{item.name}}
  </b-nav-item>
</template>

<script>
export default {
  name: 'Nav',
  created () {
    this.$router.options.routes.forEach(route => {
      this.items.push({
        name: route.name
        // path: route.path
      })
    })
  },
  data () {
    return {
      items: []
    }
  }
}
</script>