всем привет, подскажите как прокидывать props у root компонента когда мы создаем его через new Vue({...}) ? в доке написано про propsData, но что-то не работает у меня

Лучше сразу иди в Vuex хотя какое мое дело...

Ребята, кто может обьяснить как подключать vue-router?

Ребята, кто может обьяснить как подключать vue-router?

https://router.vuejs.org/ru/installation.html

вместо тысячи слов

Но а как на вью это реализуется?

я в реакт не знаю, я даже не совсем тебя понимаю если честно

Лучше сразу иди в Vuex хотя какое мое дело...

да, я как-нибудь доберусь до vuex, сейчас просто нет времени его посмотреть

https://router.vuejs.org/ru/installation.html

да я установил

https://router.vuejs.org/ru/installation.html

но не могу понять как все нужно сложить

Ребята, кто может обьяснить как подключать vue-router?

Vue.Use('vue-route')

а во vue есть что-то типо хока? хочу написать базовое представление для crud компонента и в него передавать форму/таблицу/др.

Можно писать хоки ( функции, принимающие компонент аргументом, используя render метод, передающие нужные параметры в компонент из аргумента), но не всегда удобно/красиво/изящно. Можно посмотреть на scoped слоты и renderless-компоненты (https://t.me/vuejs_news/185)

но не могу понять как все нужно сложить

следующие страницы в доках

Можно писать хоки ( функции, принимающие компонент аргументом, используя render метод, передающие нужные параметры в компонент из аргумента), но не всегда удобно/красиво/изящно. Можно посмотреть на scoped слоты и renderless-компоненты (https://t.me/vuejs_news/185)

sps

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

Посему прошу поделитесь линком для старта, спасибо :)

роутер почему-то не работает. Может кто объяснить почему?

Посему прошу поделитесь линком для старта, спасибо :)

vuejs.org

Посему прошу поделитесь линком для старта, спасибо :)

Документации обычно достаточно, если есть какой-то фронт бэкграунд

мне вот эти уроки понравились + офф дока https://www.youtube.com/watch?v=k3yRfEw1pYk&list=PL5r0NkdgM0UOxb4Hl81FV5UIgexwTf8h7

реакт/нг2 есть экспа ~1year

роутер почему-то не работает. Может кто объяснить почему?

А где router-view?

реакт/нг2 есть экспа ~1year

Доки вполне хватит, они очень ок

Хорошо, спасибо.

Выше прислал router-view

А где router-view?

routeS

Пиздец я овощ, спасиб)

Зачем ты делаешь mount когда указываешь el?

routeS

Lol

Зачем ты делаешь mount когда указываешь el?

я вот не пойму для чего эти два варианта?

mount срабатывает ведь если нету el

я вот не пойму для чего эти два варианта?

Чтобы смотировать приложение руками

В нужный момент времени

Чтобы смотировать приложение руками

но если el указан то бесмысленно

Понятное дело

Чтобы смотировать приложение руками

Не совсем понял но ладно спасибо))))

Не совсем понял но ладно спасибо))))

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

Теперь понял, большое спасибо))

Теперь понял, большое спасибо))

шо там по переходам?

asyncOp().then( () => app.$mount('#app'))

Не совсем понял но ладно спасибо))))

Ну, это конечно пример не vue-way, но также можно чтобы при создании нового экземпляря он сам создавал себе место куда маунтиться, например внутри body

Опять же, для виджетов всяких норм

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

У меня так алерты сделаны

Чтобы не пилить модалку для каждого алерта, или играться с изменением текста и заголовка - просто new Alert(...) и он сам себе в created хуке создаёт ноду, добавляет её в body и маунтится в неё

Ща меня конечно опять помидорами закидают)

не вижу помидорности для не-спа самое то

Но у меня спа

Я раньше все модалки так делал, но потом меня переубедили

Теперь только алерты

Как называется подсветка кода, которая в доках https://vue-loader.vuejs.org/ru/

Как называется подсветка кода, которая в доках https://vue-loader.vuejs.org/ru/

она называется картинка

onedark какой-нибудь

или material

Stanislav выделение всех запросов к апи в "сервис" и использование вне vuex грозит другой проблемой. что если на какой-то из 100500 урлов мне вдруг пришел header status 401 - значит слетела авторизация пользователя, а значит мне надо подчистить токен и кинуть на страницу логина

материал, да а редактор - явно саблайм

а именно этот урл я использовал в каком-то dropdown компоненте, везде пилить проверку на header не вариант, делать "еще одну обертку" тоже странно, как такое решается?

Но у меня спа

а чем не вариант иметь просто компонентами алерты?

а именно этот урл я использовал в каком-то dropdown компоненте, везде пилить проверку на header не вариант, делать "еще одну обертку" тоже странно, как такое решается?

А "везде" пилить и не надо. У того же axios в репе есть пример с интерцепторами

А "везде" пилить и не надо. У того же axios в репе есть пример с интерцепторами

да, вопрос как туда пробросить store.app.router (для редиректа) или я могу тупо импортнуть что-то в таком стиле?

да, вопрос как туда пробросить store.app.router (для редиректа) или я могу тупо импортнуть что-то в таком стиле?

Можно импортнуть стору/роутер, да

понял, спасибо

Как называется подсветка кода, которая в доках https://vue-loader.vuejs.org/ru/

это https://github.com/equinusocio/material-theme для sublime

это https://github.com/equinusocio/material-theme для sublime

скрины, скорее всего, с VS Code делались

скрины, скорее всего, с VS Code делались

@ArsBars22

Спс, посмотрю

А есть канал в телеграмме, где постят вакансии только для Vue.js?

в жс жобс

но там не только

в жс жобс запостил только что)

Вот отлично) там если вакансия по требованиям в канал форварднут где чисто вакансии

Не смог осилить click.native - кто поможет объяснить?

Не смог осилить click.native - кто поможет объяснить?

конкретно какие проблемы

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

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

можно на добавление элемента в массив сделать this.$emit('click')

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

Дополню, что нативный клик на компоненте === клик на рутовой дом ноде компонента

а чем не вариант иметь просто компонентами алерты?

Ну приходится тогда засовывать компонент модалки куда-нибудь в шаблон, делать для него поле в data типа "alertOneOpen", а если надо чтобы пользователь нажал ещё на какую-то кнопку, типа подтвердить или отменить - надо ещё обработчики вешать и т.д. это неудобно... а с компонентом, который сам себя маунтит и уничтожается после закрытия всё проще, создал алерт, задал значения шапки и содержимого, указал чё делать при нажатии на кнопки, открыл по закрытии само пропадает, обработчики выполняются привязанные к контексту в котором созданы и т.д.

ну если модалке нужны данные из другого экземпляра...

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

const al = new Alert({ title: 'Удаление сообщения', content: 'Вы уверены, что хотите удалить это сообщение?', onApprove: () => { ... }, onDeny: () => { ... }, }); al.show();

Всем привет :) Пользую vue-resource, на запрос Vue.http.get('./web/json/cities.json') приходит ответ с body: null, bodyText: ""{"cities": [ ↵ { ↵ "val": "Kyiv", ↵ "name":...... Куда копать? И как такое может быть, что тело пустое, а bodyText - нет? :)

Парни, в чем может быть проблема? Перестали работать @click.prevent. Причем даже если внутри метода сделать event.preventDefault то всеравно нажатие на ссылку срабатывает

как вариант повесить глобальный обработчик клика на document и выводить в консоль event.target, и смотреть на каком элементе клик срабатывает. может z-index-ами перекрыл кнопку или ещё чего

Парни, в чем может быть проблема? Перестали работать @click.prevent. Причем даже если внутри метода сделать event.preventDefault то всеравно нажатие на ссылку срабатывает

Может на ссылке другое событие

Причем происходит не переход по ссылке, страница не обновляется а как будто запрос кто-то отправляет

Другое событие может сабмит делает?