ребята, есть компонент "шапка" назвал "header" )) какие приняты приписки добавлять для компонентов имена которых совпадают с тегами html? m-header? переименовывать полностью - "top"?

для всяких select и button я пишу "ui-" <ui-button>, <ui-select>

:)

для всяких select и button я пишу "ui-" <ui-button>, <ui-select>

спасибо, нравится гораздо больше чем вариант с my-*

Коллеги, подскажите как можно удалить хук компонена? например mounted: {..} ?

Удалять кажется странным. Зачем?

Удалять кажется странным. Зачем?

удваиваю

Коллеги, подскажите как можно удалить хук компонена? например mounted: {..} ?

По идеи это просто поле, можно попробовать через delete obj.field, но выглядит сомнительно. Может попробовать переделать приложеньку?

мне кажется, что удаление будет ошибкой

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

потому что vue попробует его вызвать, а его НЕТ

так $delete

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

v-once?

для всяких select и button я пишу "ui-" <ui-button>, <ui-select>

а импортировать как: import UIButton from './components/UIButton' ? или в components прописывать: 'ui-button: Button' ?

хук v-once?

каг

директива

подскажи

Однажды эмиттить событие и в том же маунтед this.$once

подскажи

о, мжно так: https://ru.vuejs.org/v2/api/#vm-once

это в created: подписать?

это в created: подписать?

в родительском

а вообще лучше сначала скажи что за юзкейс

у меня только глобальный и 1 компонен

есть 1 компонент, надо когда он окончательно отрендерится кое-что сделать

created запаздывает

а импортировать как: import UIButton from './components/UIButton' ? или в components прописывать: 'ui-button: Button' ?

Любой вариант, какой тебе удобнее. Я делаю второй.

updated подходит

есть 1 компонент, надо когда он окончательно отрендерится кое-что сделать

nextTick?

так он каждый тик будет делать это, не?

каждый nextTick

Любой вариант, какой тебе удобнее. Я делаю второй.

спасибо

?

есть 1 компонент, надо когда он окончательно отрендерится кое-что сделать

я до сих пор не понял

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

mounted: function() { this.$nextTick(()=>{ ... })

вот такое оказалось что нужно

спасибо что напомнили о nextTick

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

а что у тебя там так долго рендерится? Не путаешь с загрузкой данных по сети?

Сеть тут не при чем, длинный список с формой где много чекбоксов и проч проч

отрисовывается это оч долго

А сколько там элементов?

большой такой поисковик по параметрам и фильтрам

изначально отрисовывает первые 25 эл-тов и все(20) чекбоксов

https://twitter.com/youyuxi/status/854649796807675905

https://twitter.com/youyuxi/status/854649796807675905

Ох

а что , вышла 2.3?

Нет ещё

не, не вышла еще

Но видимо близится день

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

есть рекомендация "писать по старинке"?

А почему они там должны использоваться?

Нет таких рекомендаций.

Чтобы не пугать новичков и показывать что все можно написать и по старинке. А кому интересно тот дочитает до более сложных топиков, про вью лоадер например и сможет писать по новому

https://twitter.com/vkozulya/status/854768049358065664

Чтобы не пугать новичков и показывать что все можно написать и по старинке. А кому интересно тот дочитает до более сложных топиков, про вью лоадер например и сможет писать по новому

Так он классы и не добавляет

Классыво vue совсем опционально

Ну если хочется писать по новому. Значит надо компилировать. Значит уже чем-то и как-то) а это уже изучается тем кому надо и хочется. Потому в доках и не пугают ими мне кажется

Люди, который были заинтересованый в full-stack GraphQL примере на vue, - получайте.

#graphql https://medium.com/marcius-corp/tutorial-graphql-authentication-register-profile-ru-99e55304c281

всем привет! начинаю разбираться с Vue и столкнулся с потребностью в помощи сообщества: для освоения пытаюсь написать небольшое приложение с картами (google maps api), однако столкнулся с тем, что карта не загружается. Элемент для выгрузки карты подгружен, скрипт подключения к google maps api вроде тоже прогружен, а карты не показываются и ошибок никаких никуда не выводится. Можете что-нить посоветовать? Вот код https://codepen.io/livalex/pen/zZgOaQ само Vue начинается с 471 строки, до этого тестовые данные и конфиг карты. Очень надеюсь на вашу помощь, т.к. спрашивать больше не у кого :(

ну как не выдает ошибок

вот же пишет "app.initMap is not a function"

ммм, не вижу, у меня консоль чистая

ERROR: S client not available

да, 487 строка

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

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

оул, а зачем это нужно?

это одна из моих попыток, до этого тоже не работало (

по логике ты просот карту должен инициализировать в mounted

и все

хотя, я не буду врать, логика и я давние враги

сек, пробую

нет, все так же (

Подозреваю что ему не нравится указанный коллбэк на app.initMap в ссылке подключения Гугл карты

https://github.com/vuejs/vuex/blob/dev/examples/chat/components/ThreadSection.vue не могу понять как работает mapGetters помогите пожалуйста

там же просто строки и никаких функций с таким названием нету

https://github.com/vuejs/vuex/blob/dev/examples/chat/components/ThreadSection.vue не могу понять как работает mapGetters помогите пожалуйста

https://vuex.vuejs.org/ru/getters.html#%D0%B2%D1%81%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D1%8F-mapgetters

оу, спасибо а то читал на анг и как то провтыкал

сек, пробую

https://codepen.io/anon/pen/ybeELG но все равно там какие-то ошибки остались

Парни, не подскажете, я вывожу через v-for элементы массива, как мне понять по клику где какой элемент?

Через индекс?

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

Можно проще

Передать в клик сам элемент массива

@click="handle(item)"

Где айтем это из v-for как вы её там назвали

Хм, ну да. Несколько вариантов. Пожалуй, через передачу элемента самый рациональный

ребят внутри <script> и <style> отступы нужны? в официальных шаблонах их нет, но вебшторм усиленно проставляет

Ох

Народ, вопрос - насколько плохо юзать $.ajax вкупе с vue? или лучше что нибудь вроде axios? что это дает кроме сахара промисов?

Да пофигу, но зачем вам jquery

Ajax тоже промисы дает