Ребята, а есть такой же чатик но в целом про фронт? У меня вопросы общего характера )

@frontend_ru

thx

Что-то firebase очень сложно даётся, до сих пор не могу разобраться с этими rules и как отдавать пользователю только его данные.

И ещё не могу добиться элегантности с vuex и взаимодействием с сервером. Это просто мой первый опыт с immutable state

@Kraigo Вы нарушаете главное правило радиолюбителей

крутите две ручки сразу

забудьте про firebase, она элегантно прикручивается поверх и НИКАК не влияет на архитектуру приложения

разбирайтесь с вьюксом

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

чё делать

<input v-model.trim="group.name" v-focus @keydown.enter="upsertGroup" @blur.stop="upsertGroup" required v-else placeholder="Название группы" />

вообще убрать обработчик на энтер?

ну нет, без него событие не отработает и фокус не потеряется

`@keydown.enter="$event.target.blur()"` тогда, но это костыль)

мб кто-то подскажет как норм сделать

о, я придумал, посмотри на событие @change

отдуши, работает

продолжаю спрашивать тупые вопрос) вот у меня есть директива Vue.directive('focus', { inserted(el) { el.focus() } }); применяю к одному инпуту v-focus всё нормально, к другому Failed to resolve directive: focus, куда копать?

странно, пен выложить можешь?

она подключена вообще на странице(скрипт с директивой на странице)? Выглядит как будто, он ее не видит.

https://jsfiddle.net/xvb0jyvL/

ну например

она подключена вообще на странице(скрипт с директивой на странице)? Выглядит как будто, он ее не видит.

она подключена в app.js где я регистрирую все компоненты

import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-default/index.css'; Vue.use(ElementUI); Vue.component('Breadcrumb', require('./components/Breadcrumb.vue')); Vue.component('GroupName', require('./components/GroupName.vue')); Vue.component('ListHead', require('./components/ListHead.vue')); Vue.component('GroupItems', require('./components/GroupItems.vue')); Vue.component('PhraseItem', require('./components/PhraseItem.vue')); Vue.component('CurrentGroup', require('./components/CurrentGroup.vue')); export const bus = new Vue(); const app = new Vue({ el: '#app' }); // Директива автофокуса, добавляется v-focus на элементе Vue.directive('focus', { inserted(el) { el.focus() } });

Подписка на #app

щя меня забанят за простыни)

попробуй поднять повыше в коде, сразу после Vue.use(ElementUI), а можно и до

угу

ошибка пропала, но фокус не ставится)

о я нашел ошибку)

<div class="app">

el: '#app',

Подписка на #app

?

https://jsfiddle.net/3keL3yvm/

?

директиву вверх, new Vue вниз теперь

но у меня jsfiddle что-то вообще не работает, пишет вью андефайнд

https://codepen.io/anon/pen/VWpgBe

https://codepen.io/anon/pen/VWpgBe

ну не работает, не?

а нет, нормально

лел

я понял

всем привет. Вопрос : для построения интерфейса я беру данные с сервера. т.е. в json-е есть названия компонентов, параметры мне надо "налету" построить интерфейс. вот думаю как это сделать? как лучше сделать.

всем привет. Вопрос : для построения интерфейса я беру данные с сервера. т.е. в json-е есть названия компонентов, параметры мне надо "налету" построить интерфейс. вот думаю как это сделать? как лучше сделать.

https://vuejs.org/v2/guide/components.html#Async-Components

только как ты методы компонентов с сервера возвращаешь?

v-if же

есть набор компонентов. скажем textfield Vue.component("field-component", {.... в json {"field":[параметры]} и в зависимости от json построить например <field-component></field-component>

подскажите - смотрю образец готовый и чужой. в нем есть поле input для телефона. когда focus на этом поле - активируется красивое такое placeholder - +7 (___) ___-__-__ это что за плагин такой? под vuejs есть?

разбирайтесь с вьюксом

Я так и стараюсь, но vuex в любом случае должен как-то взаимодействовать с сервером? Или для это должен быть другой интерфейс? Я сейчас начал добавлять в эншены запросы на получение всех данных и при сохранение получаю id новой записи

есть набор компонентов. скажем textfield Vue.component("field-component", {.... в json {"field":[параметры]} и в зависимости от json построить например <field-component></field-component>

<component is="field"></component>

<component :is="componentId"></component>

Я так и стараюсь, но vuex в любом случае должен как-то взаимодействовать с сервером? Или для это должен быть другой интерфейс? Я сейчас начал добавлять в эншены запросы на получение всех данных и при сохранение получаю id новой записи

должен

Всем привет. Есть пакет VueJS. Но мне хочется знать, как вы разворачиваете Prod на NodeJS с socket, session, DB и SSR. Express? Отдельно или прям в пакете VueJS? Есть ли примеры куда смотреть?

справедливое замечание. Исправляюсь - ангуляр 2 - говно^2

а что со 2-м не так?

раз у вас такие вопросы, берите нукст

Та после компиляции десятки строк кода превращаются в парочку. Как бы весьма очевидно преимущество.

я не вам

раз у вас такие вопросы, берите нукст

спасибо )

/show_tags@hash_tag_bot

а что со 2-м не так?

https://www.youtube.com/watch?v=6XQXmKLbTw0&feature=youtu.be&t=1170

подскажите - смотрю образец готовый и чужой. в нем есть поле input для телефона. когда focus на этом поле - активируется красивое такое placeholder - +7 (___) ___-__-__ это что за плагин такой? под vuejs есть?

Маска ввода?

Маска ввода?

да - получается вроде так

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

Маска ввода?

ленивый я - https://github.com/vuejs/awesome-vue#masked-input ))

ERROR: S client not available

ленивый я - https://github.com/vuejs/awesome-vue#masked-input ))

Вчера только тут советовали маску

ребят, я правильно понимаю, кто когда пишу this.$emit('add', this.newItem) первым аргументом я передаю название ивента а втрорым данные которые туда передаю

ну типо потом в родителе вызываю @add и там уже есть this.newItem из дочернего элемента

удваиваю за https://vuejs-tips.github.io/vue-the-mask/

ну типо потом в родителе вызываю @add и там уже есть this.newItem из дочернего элемента

Да, все верно

ну типо потом в родителе вызываю @add и там уже есть this.newItem из дочернего элемента

В родителе надо же указать, какой обработчик сработает при появлении события. Это не обязательно @add

Ну а данные должны быть доступны, да

ну в родители я пишу метод и там уже использую this.newItem

* в аргументах функции

а вот как

ну окей, вроде понял

this.newItem - такого поля в родителе не появится, его значение придет аргументом в функцию, которую ты передал в @add. В доке это есть.

удваиваю за https://vuejs-tips.github.io/vue-the-mask/

упс! ты же эту ссылку и показывал, верно? )) память дырявая - я-то ссылочку сохранил еще в тот раз! ))

Ву-девтулз теперь есть и для лисы, было нет в чате?

Ву-девтулз теперь есть и для лисы, было нет в чате?

Шутишь?

сам эван написал, ну вообще крутяк

кто-то им пользуется?

по-моему толку не больше чем от ангуляровкского

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

с элемента нельзя перейти в девтулз

what i can do wrong?

по-моему толку не больше чем от ангуляровкского

я очень даже пользуюсь

по-моему толку не больше чем от ангуляровкского

не слышал о таком

вроде бы он просит функцию вернуть

может так попробовать: const store = () =>new Vuex.Store(…

неа

А export default есть?

на скрине