Делаю первый раз полностью админку на Vue.js, в принципе, втянулся в процесс (да, знаю, по JS я сильно отстал от мира). Но слегка раздражает в каждом компоненте писать Код (Javascript): beforeRouteEnter (to, from, next) { axios.get( "/admin/json" + to.fullPath ).then(function (response) { next(vm => vm.updateItems(response.data)); }); }, beforeRouteUpdate (to, from, next) { axios.get( "/admin/json" + to.fullPath ).then((response) => { this.updateItems(response.data); next(); }); }, Каким образом это можно куда-то вынести, чтобы повторно использовать везде, где необходимо?
1. Vuex - сразу впиливай в проект, потом будет проще ) 2. https://ru.vuejs.org/v2/guide/mixins.html - миксины помогут тебе впилить в компонент всё что нужно по дефолту 3. Nuxt - порог вхождения будет чуть выше, придется пострадать немного, но с фреймворком лучше чем без, правда потребует запустить nodejs на сервере. --- Добавлено --- @mkramer я не особо специалист в этом, сам время от времени борюсь и страдаю, но если что - спрашивай.
На всякий: vue devtools в хром тоже поставь. Удобно, сразу видно data/computed/actions компонентов, vuex store, эвенты и т.п.