#Install 1 npm i vuetify-navigation-component
#Install 2 npm install axios --save
#Install 3 npm install vuetify --save
#Install 4 npm install --save vue
#Add - .env ENV=development NODE_ENV=development VUE_APP_DEBUG_MODE=true VUE_APP_BASE_URL=/ VUE_APP_BASE_URL_API=http://
#Add - src/main.js import Vue from "vue"; import App from './App.vue'; import vuetify from './plugins/vuetify'; import 'vuetify/dist/vuetify.min.css';
Vue.use(vuetify) Vue.config.productionTip = false
new Vue({ vuetify, render: h => h(App) }).$mount('#app')
#Add - src/plugins/vuetify.js
import Vue from "vue"; //import Vuetify from "vuetify"; import Vuetify from "vuetify/lib";
Vue.use(Vuetify); export default new Vuetify({});
#Add - src/App.vue
<script> import axios from "axios"; import { Sidebar } from "vuetify-navigation-component"; export default { name: "App", data: () => ({ menuItemList: [], primaryModel: true, miniVariant: false }), components: { Sidebar }, methods: { getNavigation() { axios .get(process.env.VUE_APP_BASE_URL_API) .then(response => { this.menuItemList = response.data; console.log(this.menuItemList); }) .catch(e => { console.log(e), console.log(process.env.VUE_APP_BASE_URL_API) }); } }, created() { this.getNavigation() } }; </script>