на клиенте всё окей делаю?

в url нет id

Вот это кстати к вопросу о выносе всей логики в вьюкс

а в laravel оно есть

Тестировать её будет гораздо проще в таком случае

/:id так?

Че то я туплю

delete/'+item.id

То есть нельзя передавать через объект?

можно, почему нет? если в роуте уберешь id

Вот это кстати к вопросу о выносе всей логики в вьюкс

Достаточно её просто сбоку держать. vuex не обязателен.

Понял

axios.delete(/api/v1/level/${item.id}).then(response => {})

Тогда на сервере мне id брать из request получается?

Тогда на сервере мне id брать из request получается?

если хочешь - да

но, имхо, код становится менее явным и смысла в таком решении маловато, яб рекомендовал все-таки передавать в url

Лучше использовать Route::resource

но, имхо, код становится менее явным и смысла в таком решении маловато, яб рекомендовал все-таки передавать в url

Окей

Лучше использовать Route::resource

Я уже понял это) Просто решил вспомнить костыли)

просто может есть какой-нибудь третий офигенско изящный вариант

Попробую повторить вопрос: Есть задача сделать несколько SPA, которые будут отличаться (по идее) только стилями. Как лучше организовать систему обновления (чтобы мерджи для template и script частей однофайлового компонента не обращали внимания на style, и наоборот)? Пока только есть идея вынести все стили в отдельную папку и файлы соответствующие.

Хм. У тебя css soped?

по большей части да

Они у тебя как вообще выглядеть будут? Несколько проектов или один проект с разными стилями?

Ну, в смысле организованы как будут

Навскидку, можно сделать кастомный вебпак лоадер

Который будет стили исходя из контекста разруливать

Типа, у тебя в .vue написано <style src='style.css'/>, а в папке компонента лежат component.vue и first-style.css, second-style.css и тыды

Они у тебя как вообще выглядеть будут? Несколько проектов или один проект с разными стилями?

Это несколько проектов, использующих один и тот же код, но отличающихся версткой.

В смысле, сама структура (template часть, то бишь), тоже отличается?

не должна отличаться (хотя у меня и есть сомнения на сей счёт), но по задаче не отличаются

template и script часть компонентов не предполагает изменеий под каждый проект

только стили

поэтому ищу способ централизовано апдейтить "единый код", не затрагивая стили, и наоборот, апдейтить стили отдельно взятого проекта, не трогая стили остальных проектов или "единый код"

пока мысль только о том, что вынести стили каждого компонента в отдельную папку, которую игнорить в гите

Компоненты без стилей в отдельный пакет. А стили в другой пакет

Будет у тебя 1 пакет с логикой и ещё несколько со стилями. Тебе просто надо выбрать какой подключить

Компоненты без стилей в отдельный пакет. А стили в другой пакет

подскажи плиз, как это лучше разурулить на уровне репозиториев, бранчей?

Идеально это локальный npm или приватный npm

Подскажите как следить за тем что я удалил из списка элемент, при этом список грузится с сервера, и таблица обновлялась. Через watch надо делать? или по событию просто грузить данные с сервера заного?

Идеально это локальный npm или приватный npm

Спасибо за советы

@amareis спасибо, также

Всем привет! Сори что вклиниваюсь. Вопрос, наверняка, ламерский, но в гугле ответа не нашел. Прошу помощи. Проект развернут на vue-cli + vue-router + vueFire. <code> import Vue from 'vue' import VueFire from 'vuefire' import VueAgile from 'vue-agile' import App from './App.vue' import router from './router' Vue.config.productionTip = true; Vue.use(VueFire); Vue.use(VueAgile); /* eslint-disable no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }); </code> Вот в чем проблема http://prntscr.com/in201g И вопрос как заставить компоненты дожидаться загрузки данных с firebase? Вот так подключаю данные <code> export default { name: 'page-footer', firebase: { content: { source: db.ref('dataComponent/footer'), asObject: true, } } } </code> Костыль с v-if="content" не помог

Спасибо за советы

Можно разделить по веткам, но вот как там подключать я не помню.

Знаю что так можно

у меня есть рабочий проект

через #

вроде ветку можно

Подскажите как следить за тем что я удалил из списка элемент, при этом список грузится с сервера, и таблица обновлялась. Через watch надо делать? или по событию просто грузить данные с сервера заного?

Данные в data?

Загружаются с сервера, хранятся в data

данные сами должны обновляться если нет v-once

Данные в data?

Если вопрос мне, то да.

В nuxt есть метод asyncData, посмотри в эту сторону. Этот метод ожидает загрузки асинх данных и только после этого загружает страницу

Всем привет! Сори что вклиниваюсь. Вопрос, наверняка, ламерский, но в гугле ответа не нашел. Прошу помощи. Проект развернут на vue-cli + vue-router + vueFire. <code> import Vue from 'vue' import VueFire from 'vuefire' import VueAgile from 'vue-agile' import App from './App.vue' import router from './router' Vue.config.productionTip = true; Vue.use(VueFire); Vue.use(VueAgile); /* eslint-disable no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }); </code> Вот в чем проблема http://prntscr.com/in201g И вопрос как заставить компоненты дожидаться загрузки данных с firebase? Вот так подключаю данные <code> export default { name: 'page-footer', firebase: { content: { source: db.ref('dataComponent/footer'), asObject: true, } } } </code> Костыль с v-if="content" не помог

В nuxt есть метод asyncData, посмотри в эту сторону. Этот метод ожидает загрузки асинх данных и только после этого загружает страницу

Спасибо, но нехочется Nuxt затягивать ради одного метода

мож можено как то попроще?

А где ты вытягиваешь данные из firebase?

не совсем понял вопрос

Спасибо, но нехочется Nuxt затягивать ради одного метода

asyncData это вроде не nuxtовская фишка, а vue-ssr-renderer

Или как там его

Ну в методах или хуках?

Ну так что ни кто не сталкивался с ? Mismatching childNodes vs. VNodes

есть приложение APP в нем есть компонент footer в файле .js

firebase: { content: { source: db.ref('dataComponent/footer'), asObject: true, } }

Не юзал vuefire

Но по логике после обращения к бд ты получишь промис.

по итогу данные из firebase потом записываюся в data

В then() ты можешь обработать данные как тебе нужно

как я понимаю проблему. Что vue пытается построить страницу из данных, которые еще не пришли с БД, выдет ошибку (т.к. данных реально пока еще нет), а потом когда данные загрузились - строит страницу

Приложение полностью рабочее, все у меня отображается, но из-за того что vue пытается потсроить страницу раньше чем появляются данные - в консоли сыпятся ошибки

какие решения для a/b тестов есть во vue? мне нужно при заходе на страницу отправить запрос к серверу и в зависимости от ответа рендерить нужный компонент. Есть ли смысл складывать данные об эксперименте в store?

В самом тесте

Спасибо, навёл в нужную сторону. Там надо в тупую добавить полифилл в конфиг кармы files: [ '../../node_modules/babel-polyfill/dist/polyfill.js', './index.js'],

В then() ты можешь обработать данные как тебе нужно

а можно подробней, плиз?

Знатоки vuetify еще остались? Если не использовать headers в <v-data-table>, то слот expand генерируется в ячейке с colspan="1" Одно из решений, добавить фэйковый хидер с нужным количеством столбцов и заюзать проп hide-headers. Это сильно костыльно, есть более правильное решение?

Ну смотри, в своем проекта который тоже использует firebase, изначально я получал данные из базы в хуке beforeCreate() и дальше пихал их а data.

а можно подробней, плиз?

При таком подходе не должно быть ошибок

понял, щас попробую