+

максимум что ты можешь сделать это пререндер, на хостинге отдавать всегда индекс и в роутере в конце поставить на '*' свою 404

На проекте недавно, предыдущий разработчик о SSR ничего не говорил. Прилетел таск от заказчика - разбираюсь

vue-cli ?

npm install --save-dev babel-plugin-transform-object-rest-spread - вы думаете вот этого не хватает в сборке?

npm install --save-dev babel-plugin-transform-object-rest-spread - вы думаете вот этого не хватает в сборке?

в том то и суть, что в кли из коробки идет настроенный бабель

и я призадумался

а кли 3й?

у нас возможно кривая сборка...

тогда посмотрите пресеты

вью использует свой пресет теперь который основан на @babel/env пресете

как сделать динамический обработчик на клик? что-то типа @click="button.handler"

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

у нас возможно кривая сборка...

@vue/babel-preset-app https://www.npmjs.com/package/@vue/babel-preset-app

но возможно он так же захочет 7й бабель :)

и как вариант попробуйте плагин на спред

как сделать динамический обработчик на клик? что-то типа @click="button.handler"

любой обработчик может ссылаться на любой метод => любой метод может вызывать что угодно => любой обработчик клика и так динамический.

ок, поясню по-другому, есть 10 кнопок и у каждой свой метод обработки клика, соответственно в качестве метода нужно передать строку = название обработчика, и он вызвался

чет я не понял

ты сам же ответил на свой вопрос

@click="'nameMethod'" не сработает

а че ты строкой его передаешь?

ты же ссылку на него должен давать

ну вот, а нужно строкой

@click="handleClick('nameMethod')" Внутри handleClick уже дергай нужный метод

или @click = "[nameMethod]"

?

Извращенцы

Мужики подскажите, уже на финишной прямой. Из роута через пропсы в экстеншен темлейт пропс статический передается, но как только пишу props: {id:array} а array указываю в return data то сразу валится ошибка что array не существует

Извращенцы

каков вопрос, таков и ответ ? Чтобы подсказать что-то лучшее, нужно пример кода выкладывать ?

Мужики подскажите, уже на финишной прямой. Из роута через пропсы в экстеншен темлейт пропс статический передается, но как только пишу props: {id:array} а array указываю в return data то сразу валится ошибка что array не существует

Array мб?

google maps - теперь только платное использование?

google maps - теперь только платное использование?

2000 запросов бесплатно

Array мб?

есть вот так var app = new Vue({ el: '#app', router, data() { return { array: '123', id: '12', } }, render: h => h(App) }).$mount('#app')

есть вот так var app = new Vue({ el: '#app', router, data() { return { array: '123', id: '12', } }, render: h => h(App) }).$mount('#app')

и вот так export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: () => import('./components/ComponentHome.vue') }, { path: '/datastaff', name: 'staff', props: { id: array, }, component: () => import('./components/ComponentDataStaff.vue') }, ] })

props: { id: array, },

не арбайтен

props: { id: array, },

id : Array

я же написал

а т.е. пренципиально с большой буквы?

да)

да)

кхем, а это понимается как функция или как переменная?

ок, а если у меня просто переменная?

id:peremennaya в пропсах?

ты вообще доку читал?)

ты вообще доку читал?)

читал, у меня стадия перехода на vue-cli так что сильно не пинать)

vue-cli тут не причем, это базовый синтаксис пропсов

vue-cli тут не причем, это базовый синтаксис пропсов

я понимаю

просто я пока еще не понял. почему

path: '/datastaff', name: 'staff', props: { id: '1231232', }, component: () => import('./components/ComponentDataStaff.vue') },

работает

path: '/datastaff', name: 'staff', props: { id: materials, }, component: () => import('./components/ComponentDataStaff.vue') },

уже нет

мб потому что материалов нет как переменной?

откуда у тебя materials в коде берется?

ты же не строку передаешь

data() { return { materials: '123', id: '12', }

я вот так пишу чтобы указать

а this где?

ебучий этот this

ненавижу блять this

ебт. в пропсах я пишу через зис?

ты ваще понимаешь что такое this?

нихуя не понятно правда зачем тебе и пропсы и дата

ERROR: S client not available

с одинаковым названием

ты ваще понимаешь что такое this?

да.

видимо нет

с одинаковым названием

это пока просто так, если нельзя то поменяю

смысла нет и так не будет работать

ты или имеешь дату или пропсы

с одним названием

мммм

момент

доброго времени суток

хорошо, у меня пропс и дата с разными названиями.

в пропс я могу передать что-то что находится в дате?

обьясни зачем ты это делаешь? зачем ты пропу пытаешься присвоить значение из даты?

или я не понимаю логику?

это не правильный подход априори во вью

я вообще не поманию зачем ты из роутера пытаешься явно заданные пропсы передать?

это уже другая история

Не мутируй пропсы, тебе это черным по коносли написано

ну это же пипец )

https://router.vuejs.org/guide/essentials/passing-props.html#boolean-mode

как бы доки же есть для всего

я вообще не поманию зачем ты из роутера пытаешься явно заданные пропсы передать?

я явно заданные не хочу, мне надо в пропс передать то, что прилетит из axios

а причем тут роутер?

для этого есть params

в роутере

если у тебя данные в урле

просто в старой схеме у меня это работало вот так

mounted() { axios .get('api.php?s=g') .then(response => (this.materials = response.data)); },

в разные темплейты должен прилетат и улетать разный json через axios