Size: a a a

Vue.js Russian Developers Community

2021 October 28

R

Rose in Vue.js Russian Developers Community
Вон отсюда!
Заблокировала Candice Leroux.
Причина:
Автоматическая фильтрация по совпадению с: t.me/joinchat/*
источник

VR

Viktor Rudenko in Vue.js Russian Developers Community
всем привет, такой вопрос: смотрю доку по vue 3, вот кусок примера цикла
<div id="list-rendering">
 <ol>
   <li v-for="todo in todos">
     {{ todo.text }}
   </li>
 </ol>
</div>
const ListRendering = {
 data() {
   return {
     todos: [
       { text: 'Learn JavaScript' },
       { text: 'Learn Vue' },
       { text: 'Build something awesome' }
     ]
   }
 }
}

Vue.createApp(ListRendering).mount('#list-rendering')

но когда я делаю тоже самое у себя в проекте, то получаю ошибку об отсутствии :key, я знаю что надо передавать :key, но вопрос в другом, почему в примере в доке работает без :key а у меня нет?
источник

M

Mansur in Vue.js Russian Developers Community
Ошибку выдаёт или варнинг?
источник

VR

Viktor Rudenko in Vue.js Russian Developers Community
Ошибку, прям крошится приложение
источник

M

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

В общем, всегда лучше всего всего прописывать уникальный ключ, как и рекомендует доки
источник

M

Mansur in Vue.js Russian Developers Community
Если это список дайте индекс как ключ
источник

M

Mansur in Vue.js Russian Developers Community
(todo, index)  in todos, :key="index"
источник

VR

Viktor Rudenko in Vue.js Russian Developers Community
Я знаю))) просто в документации в примере работает без ключа
источник

VR

Viktor Rudenko in Vue.js Russian Developers Community
Вот и спрашиваю как так
источник

B

Boris in Vue.js Russian Developers Community
Мб у тебя просто еслинт ругается
источник

VR

Viktor Rudenko in Vue.js Russian Developers Community
да, уже разобрался, он не просто ругается, он даже приложуху крошит
источник

B

Boris in Vue.js Russian Developers Community
Ну там если стоит еррор на это правило, то еслинт крашит приложение, если варнинг то просто логирует
источник

B

Boris in Vue.js Russian Developers Community
По-моему так
источник

R

Rose in Vue.js Russian Developers Community
Вон отсюда!
Заблокировала Henrico Matteo.
Причина:
Автоматическая фильтрация по совпадению с: t.me/joinchat/*
источник

A

Akmat in Vue.js Russian Developers Community
Интересный момент сейчас читаю про Vue3
У меня установлено vuex, router, vue3.

Все работает.
Но хочу регистрировать глобальный компонент, вот такой:
 app.component('button-counter', {
 data() {
   return {
     count: 0
   }
 },
 template: `
   <button @click="count++">
     Счётчик кликов — {{ count }}
   </button>`
})


Вызываю где-то внутреннем дочернем компоненте вот так:
<button-counter />

А оно не работает

Попробовал вот такой вариант:
import ButtonCounter.vue from ‘@/components/ButtonCounter.vue’


app.component(‘button-counter’, ButtonCounter);


И это работает.

Странно это только у меня так или во Vue3 решили использовать только однофайловые компоненты?
Спасибо)
источник

АР

Александр Ремизов... in Vue.js Russian Developers Community
@tania_fourmi вакансии, резюме и обсуждение работы тут 👉 https://t.me/vuejs_jobs
источник

ВИ

Витя Илькив... in Vue.js Russian Developers Community
Привет, можно ли с setup передать emit в родитель?
источник

ВИ

Витя Илькив... in Vue.js Russian Developers Community
или, можно с сетапа просто данные на верх передать?
источник

C

CuBeR116 in Vue.js Russian Developers Community
Ребят, можете подсказать, что больше оперативы будет забирать. Хранение в вычисляемых свойствах объект или переданный через пропс?

У меня имеется элементы, свыше 700 штук, и у каждого, свои вычисляемые поля, и как лучше будет передать ему?
источник

👤U

👤 User in Vue.js Russian Developers Community
Ну а чего бы бенчмарк самому не скидать?
источник