Size: a a a

Vue.js Russian Developers Community

2020 June 12

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
Dmitriy Melnikov
Привет. Хочу для редактирования текста сделать subcomponent (выбор txt / markdown и само значение).

Можно ли как-то сделать так, чтобы передавать модель из парента и чтобы изменения внутри subcomponent'а реактивно появлялись в паренте? Без ручного создания ивентов вызова их при изменении в subcomponent.

Сейчас, если так делаю, показывает warning  Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders...

Если знаете, где подобное реализовано в GitHub, дайте ссылочку, пожалуйста.
А чем не устраивает ручное создание ивента?
источник

DM

Dmitriy Melnikov in Vue.js Russian Developers Community
Очень много ручной работы. Допустим у меня 3 текстовых поля (с выбором txt/md и значением). Для каждого надо отдельно прописывать. Плюс если парент ресетнит, то надо во все 3 через ref отправлять вызовы, чтобы внутри почистили.
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
Dmitriy Melnikov
Очень много ручной работы. Допустим у меня 3 текстовых поля (с выбором txt/md и значением). Для каждого надо отдельно прописывать. Плюс если парент ресетнит, то надо во все 3 через ref отправлять вызовы, чтобы внутри почистили.
Не совсем понимаю, у вас же будет один дочерний компонент
источник

В

Вовка in Vue.js Russian Developers Community
Пацаны, привет
Подскажите, пожалуйста. Есть приложение ларавель + вью
Спа не нужен, но на некоторых страницах нужно прикручивать вью.
Нормальная ли практика, если я в файле index.js буду делать несколько разных инстансов вью (только с разным селектором)?
источник

DM

Dmitriy Melnikov in Vue.js Russian Developers Community
Эм, непросто объяснить, но к примеру:

class MyValue {
 value: string = ""
 type: Type = Type.txt
}

У меня есть 3 поля в модели:

class MyModel {
 id: number
 description: MyValue
 descriptionShort: MyValue
 oneMore: MyValue
}

В паренте MyModel. Для каждого MyValue хочу 3 subcomponent. И для каждого придется делать ивенты и переустановку/ресет от парента.
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
Вовка
Пацаны, привет
Подскажите, пожалуйста. Есть приложение ларавель + вью
Спа не нужен, но на некоторых страницах нужно прикручивать вью.
Нормальная ли практика, если я в файле index.js буду делать несколько разных инстансов вью (только с разным селектором)?
А не проще просто в шаблон вставлять компонент?
источник

k

karmay in Vue.js Russian Developers Community
Вовка
Пацаны, привет
Подскажите, пожалуйста. Есть приложение ларавель + вью
Спа не нужен, но на некоторых страницах нужно прикручивать вью.
Нормальная ли практика, если я в файле index.js буду делать несколько разных инстансов вью (только с разным селектором)?
Я определял компонент в шаблоне. Вродь работает, но я третий день изучаю это
источник

В

Вовка in Vue.js Russian Developers Community
То есть, создавать секцию script, импортировать компонент, создавать вью инстанс и вставлять компонент куда мне нужно?
источник

В

Вовка in Vue.js Russian Developers Community
Или я не правильно тебя понял?
источник

В

Вовка in Vue.js Russian Developers Community
Эдуард Баженов
А не проще просто в шаблон вставлять компонент?
Объясни подробнее пожалуйста. Не сталкивался ещё с таким
источник

В

Вовка in Vue.js Russian Developers Community
Или ты имеешь ввиду создать один инстанс вью в мейн.джс с селектором, который будет на тех страницах, где мне нужен вью и в шаблоне просто вставлять компонент?
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
Вовка
Или ты имеешь ввиду создать один инстанс вью в мейн.джс с селектором, который будет на тех страницах, где мне нужен вью и в шаблоне просто вставлять компонент?
источник

В

Вовка in Vue.js Russian Developers Community
Спасибо большое, сейчас посмотрю
источник

В

Вовка in Vue.js Russian Developers Community
Жесть насколько все просто, спасибо еще раз!
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
Вовка
Жесть насколько все просто, спасибо еще раз!
Удачи)
источник

k

karmay in Vue.js Russian Developers Community
раз уж тема зашла, а вот то, что я регистрирую кучу компонентов в app.js, и не использую их, это не создает ли дополнительной бесполезной нагрузки??
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
karmay
раз уж тема зашла, а вот то, что я регистрирую кучу компонентов в app.js, и не использую их, это не создает ли дополнительной бесполезной нагрузки??
Там вообще по умолчанию есть код закомментированный, который регистрирует все компоненты автоматом, ну а так можно же убрать ненужные компоненты
источник

k

karmay in Vue.js Russian Developers Community
я не о том. У меня в приложении много шаблонов и для каждого нужен свой компонент.
источник

k

karmay in Vue.js Russian Developers Community
где-то попадалась тема роутинга но пока еще нет понимания как это работает
источник

ЭБ

Эдуард Баженов... in Vue.js Russian Developers Community
karmay
я не о том. У меня в приложении много шаблонов и для каждого нужен свой компонент.
У меня была такая же ситуация
источник