все что нужно - из роута менять header

как это делать?

шлешь ивент в вуе инстанс

или где у тебя переменная хедер хранится ?

Интересует вопрос как его заюзать не для елемента с фокусом

Никак

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

при beforeDestroy чистить потом и все

Я так и делал кстати когда то, по другому -никак

все что нужно - из роута менять header

Есть много способов: например передавать header в meta роутера

шлешь ивент в вуе инстанс

Это плохо

Не слушайте его

Это плохо

это ж по задумке так? нет ?

это ж по задумке так? нет ?

Всымсле это оверхед

+ загрезняешь пространство ивентов

Потом проект разрастается и там будет колапс т блаблабла

Карочи, юзай мету

А не, есть ещё способ: Слоты

а ну роутер это и есть почти инстанс вуе

тогда сорян да

Просто шина - для динамики, а у тебя статика

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

Делаю сайт на larvel (не spa) и хочу на некоторые страницах добавить vue, пока для таблицы и для формы, как правильно это организовать? Сейчас делаю 2 разных приложения и компаную их в один app.js файл, но при загрузке страницы в консоль выдаётся "[Vue warn]: Cannot find element: #deals", или принято делать одно приложение на сайт и отдельные страницы реализовывать компонентами?

подгружай разные файлы )

app.js для 1 страница , app2.js для 2й )

Делаю сайт на larvel (не spa) и хочу на некоторые страницах добавить vue, пока для таблицы и для формы, как правильно это организовать? Сейчас делаю 2 разных приложения и компаную их в один app.js файл, но при загрузке страницы в консоль выдаётся "[Vue warn]: Cannot find element: #deals", или принято делать одно приложение на сайт и отдельные страницы реализовывать компонентами?

написано, что ненаход html элемент с id="deals"

подгружай разные файлы )

зачем?

ну он же делает 2 разных приложения )

может ему надо разделить )

const deals = new Vue(); const prices = new Vue();

Два разных приложения

так и сделано

так и сделано

может где-то опечатался?

так el разные поставь )

может где-то опечатался?

На странице нет элемента с id="deal"

или у тебя id и там и там ?

он на другой странице

ну то и инит другого прилож. делай на соотв. странице

ok

Он пытается найти id на данной странице, а не на той для которой он предназначался

Или лучше каждую страницу отдельным компонентом организовать?

Или проверяй после загрузки страницы, если у тебя твой элемент. Что-то типа const myApp = new Vue({...}); const mountElement = document.getElementById('deal'); if (mountElement) myApp.$mount(mountElem)

Или проверяй после загрузки страницы, если у тебя твой элемент. Что-то типа const myApp = new Vue({...}); const mountElement = document.getElementById('deal'); if (mountElement) myApp.$mount(mountElem)

если это не SPA то для данной страницы грузить соотв. файл App.js ну и для гарантии выполнить проверку, что ты предложил выше.

ok, сделаю для каждой страницы отдельный app.js

если это не SPA то для данной страницы грузить соотв. файл App.js ну и для гарантии выполнить проверку, что ты предложил выше.

>Делаю сайт на larvel (не spa) Так у нас вроде и не SPA :) А делать отдельный файл для каждой страницы... Ну такое себе, как по мне.

оно всё равно через laravel-mix пропускается, на основе ларвеля тоже можно SPA сделать

я с Laravel-eм не работал. Но думаю что по какой-то ссылке мы переходим на SPA (http://myhome/SPA), или обычную страницу (http://myhome/about. лубос случае нужно отдавать на страницу те файлы которые будут там использоваться ну и возможно на других страницах

оно всё равно через laravel-mix пропускается, на основе ларвеля тоже можно SPA сделать

в микс можно много файлов добавлять

>Делаю сайт на larvel (не spa) Так у нас вроде и не SPA :) А делать отдельный файл для каждой страницы... Ну такое себе, как по мне.

+1 пробовал не понравилось. Лучше nuxt

Как можно реализовать подмену элемента при клике на какой-нибудь input с кнопой "сохранить"?

<button click.prevent="url = secondUrl">Сохранить</button>

<button click.prevent="url = secondUrl">Сохранить</button>

Разобрался, через Dynamic Components

прикольно, liveedu заблочил бесплатный просмотр. Есть запись Ильи о обзоре node.js фреймворков не на liveedu?

Ребят

Есть вопрос

А как вы заполняете состояние в vuex?

Обращаетесь по апи, или просто испортите нужный сервис?

Import *

Ребята, подскажите, что будет лучшей практикой чтобы получить св-во одного элемента внутри компонента? а конкретно узнать clientWidth для кое какого спана внутри которого есть некий {{text}}. Вставлять $('span').clientWidth внутри вуе кажется неправильным.

прикольно, liveedu заблочил бесплатный просмотр. Есть запись Ильи о обзоре node.js фреймворков не на liveedu?

он в соседнем чатике писал, что когда приедет, зальет на ютуб (наверное)

он в соседнем чатике писал, что когда приедет, зальет на ютуб (наверное)

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

Кто может подсказать?

А как вы заполняете состояние в vuex?

Обращаетесь по апи, или просто испортите нужный сервис?

Ребята, подскажите, что будет лучшей практикой чтобы получить св-во одного элемента внутри компонента? а конкретно узнать clientWidth для кое какого спана внутри которого есть некий {{text}}. Вставлять $('span').clientWidth внутри вуе кажется неправильным.

refs

в спане указать ref='mySpan', а затем vm.$refs.mySpan, верно?

да, все так

ERROR: S client not available

только естественно ты получишь не jquery обертку, а нативный dom элемент

http://youmightnotneedjquery.com/ вот тут есть куча рецептов, как выкинуть jquery и использовать нативный дом

да, я понимаю. внутри логики это будет this.$refs.mySpan ?

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

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

посоУ меня такой вопрос: куда можно свои бета версии сайтиков загружать, чтобы в онлайне шарить можно? Сайты допустим с картинками, так тчо кодпен не катит - там пикчи платно грузить

Now.zh мб

Now.sh

GitHub pages

Взять впс за 200 руб. В мес и сотнями плодить там.

Ну да если статика только. Github pages норм ваше

Хероку

Хероку

+

посоны привет всем )))

группа я надеюсь живая

пишу проект на vue js , нравиться но есть вопросы по организации кода , может кто поможет

пишу проект на vue js , нравиться но есть вопросы по организации кода , может кто поможет

где сам вопрос?

группа я надеюсь живая

Еще как!

посоны привет всем )))

http://neprivet.ru/

http://neprivet.ru/

удваиваю

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

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

и вообще посоветуйте где можно посмотреть большое приложение на vue ?

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

взаимодействие ребонок-родитель производять через bus

и вообще посоветуйте где можно посмотреть большое приложение на vue ?

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

ссылки на них есть на сайте с доками, в разделе "примеры"

Github vue-awesome

Github vue-awesome

там же нет примеров вроде, не? лень гуглить ради этого

Огромная дока с примерами плагинами и ответами на почти все вопросы

Официальные примеры и рабочие проекты

мастхэв имхо

а такой вопрос вот в втором ангуляре и в четвертом тоже )) предлагается для всех запросов делать сервис компонент и потом из него вызывать методы но вот в vue не заметил такого в доках, как вы поступаете ? за ссылку сейчас проверю