Телеграмм чат группы vuejs

https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components

Т.е.
на form-input вешаю v-model, а как внутри form-input выполнить нормальное связывание с его дочерним компонентом Input?

vuejs.org

Components Basics — Vue.js

Vue.js - The Progressive JavaScript Framework

Sergey Mustafin in Клуб Vue.js-разработчиков

13:26пожаловаться #1

@m1100001001b @kayu00
Не могу понять, как мне в form-input отловить emit('input') с дочернего input, уже читал, скорее всего плохого читал

13:26пожаловаться #2

Sergey Mustafin

внутри form-input ловить ничего не надо, надо эмиттить ивент наверх, все

13:26пожаловаться #3

родитель этот ивент "слушает" в рамках v-model, повешенного на form-input

Sergey Mustafin in Клуб Vue.js-разработчиков

13:27пожаловаться #4

@NataliaTepluhina благодарю, всё работает

13:31пожаловаться #5

Sergey Mustafin

@NataliaTepluhina благодарю, всё работает

рада, что получилось =)

13:32пожаловаться #6

Всем привет!
Отработает ли реактивно такое computed-свойство во Vue2 при изменении ключей a или b в data?

elementPosition() {
  const value = this.a - this.b;

  return `top: ${value}px`
}

Vladimir 💉 💊 Voytenk... in Клуб Vue.js-разработчиков

13:38пожаловаться #7

V💊

Всем привет!
Отработает ли реактивно такое computed-свойство во Vue2 при изменении ключей a или b в data?

elementPosition() {
  const value = this.a - this.b;

  return `top: ${value}px`
}

ну, во-первых проще было запустить и проверить, а во-вторых, да

13:39пожаловаться #8

Всем привет!
Отработает ли реактивно такое computed-свойство во Vue2 при изменении ключей a или b в data?

elementPosition() {
  const value = this.a - this.b;

  return `top: ${value}px`
}

Конечно

13:40пожаловаться #9

Всем привет!
Отработает ли реактивно такое computed-свойство во Vue2 при изменении ключей a или b в data?

elementPosition() {
  const value = this.a - this.b;

  return `top: ${value}px`
}

Почему у вас возникли сомнения?

13:40пожаловаться #10

Vladimir 💉 💊 Voytenko

ну, во-первых проще было запустить и проверить, а во-вторых, да

Есть некоторые сложности с запуском пока, поэтому и интересуюсь здесь.
Ок, спасибо.

13:41пожаловаться #11

Всем привет!
Отработает ли реактивно такое computed-свойство во Vue2 при изменении ключей a или b в data?

elementPosition() {
  const value = this.a - this.b;

  return `top: ${value}px`
}

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

Konstantin Pavlyuts in Клуб Vue.js-разработчиков

13:41пожаловаться #12

всем привет, насколько хорошо и правильно частое использование флагов при условном рендеринге? насколько часто, по-вашему мнению, в принципе логично использовать флаги?

13:44пожаловаться #13

Illya Klymov

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

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

13:45пожаловаться #14

Он не следит за выражением

13:47пожаловаться #15

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

13:48пожаловаться #16

Ага, я именно об этому думал, но не смог грамотно сформулировать мысль

13:49пожаловаться #17

Спасибо за пояснение

Валентин in Клуб Vue.js-разработчиков

13:49пожаловаться #18

Привет
Вот так делать совсем зашквар, да? 😁

new Promise((resolve) => {
  this.method(resolve);
})

Лучше this.method тоже обернуть в промис и сделать вот так?

new Promise((resolve) => {
  this.method().then((data) => resolve(data));
})

13:51пожаловаться #19

Валентин

Привет
Вот так делать совсем зашквар, да? 😁

new Promise((resolve) => {
  this.method(resolve);
})

Лучше this.method тоже обернуть в промис и сделать вот так?

new Promise((resolve) => {
  this.method().then((data) => resolve(data));
})

А что вы пытаетесь добиться?