А сразу сказать про препроцессоры ты не мог?)

Да, они заводятся из коробки если установить нужный лоадер. в случае с sass — sass loader && node-sass

но всё равно ведь интересно, если мне понадобится дополнительная конфигурация - куда её писать?)

дока мутная какая-то

вроде всё прочитал, на русском и английском

ну ладно, версия вроде 3 бета, так что простительно

но всё равно ведь интересно, если мне понадобится дополнительная конфигурация - куда её писать?)

там есть файл для конфигов.

но я сам хз. и дока для кли еще официально не вышла вроде

https://github.com/vuejs/vue-cli/blob/dev/docs/README.md

вот тут она

во, шикос, там всё есть

"key" is a reserved attribute and cannot be used as component prop.

пытался из одного элемента сэмитить событие delete, чтобы снаружи его поймать и удалить элемент из массива

нет ли способа попроще, чем передавать в элемент id, а там его эмитить обратно?

вьюха снаружи не может знать, из какого компонента вызвано событие?

@какоетособытие="delete(key)" не сработает?

<TodoItem v-for="item in items" :key="item.id" :item="item" @deleteItem="deleteItem(key)"/>

не работает

<TodoItem v-for="item in items" :key="item.id" :item="item" @deleteItem="deleteItem(item.id)"/> тоже

А что в аргументах?

хотя там надо попробовать функцию иначе написать

ща

в TodoItem у меня <span class="close" @click.stop="deleteItem">×</span> methods: { deleteItem() { this.$emit("deleteItem") } }

я могу сюда отдельно id передать, а затем его эммитить, но это как-то стрёмно

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

Что приходит в deleteItem?

в deleteItem, который снаружи, в todolist, ничего не приходит

Ты что-то делаешь не то

ну вот смотри, сейчас делаю так <TodoItem v-for="item in items" :key="item.id" :id="item.id" :item="item" @deleteItem="deleteItem"/> в нём в props прописываю id, но this.id всегда undefined

Ну вот смотри https://codesandbox.io/s/qx8v5zpnm9

какой еще this.id???

<TodoItem v-for="item in items" :key="item.id" :id="item.id" :item="item" @deleteItem="deleteItem"/>

давай заново, сорян у меня есть TodoList <template> <div class="box" id="todo-box"> <NewTodo @addNew="addNew"></NewTodo> <TodoItem v-for="item in items" :key="item.id" :id="item.id" :item="item" @deleteItem="deleteItem"/> </div> </template>

в TodoItem я по клику на крестик делаю this.$emit("deleteItem")

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

это пиздец

я видел твой код, спасибо, но мне надо удалять элемент из списка по id, а я не могу его узнать

Что не так в моем коде?

ща ещё раз перечитаю

Почему он не подходит для тебя?

3 часа нчои всё-таки, устал

items: [{ id: 1, name: "foo" }, { id: 2, name: "bar" }]

Жми на foo

и ты увидишь id 1

Перегрузи codesandbox, я изменил сообщение алерта

чтоб совсем очевидно было

да я понял, у меня это не работает, я выше пытался уже

<TodoItem v-for="item in items" :key="item.id" :id="item.id" :item="item" @deleteItem="deleteItem(item.id)"/>

у меня там undefined

так, вижу разницу

у меня в исходных данных нет id

надо в v-for как-то index брать

ща поищу

всё, понял v-for="(item, index) in items"

https://codesandbox.io/s/qx8v5zpnm9

спасибо, доброй ночи)

ну там ведь есть свой index, можно просто сплайсить

можно, это рефакторинг от кода, где удалялось по item.id

а, ну тогда да

но спасибо большое за совет

обнаружилась какая-то проблема со splice, индекс передаётся правильный, если делаю клон массива и делаю сплайс на нём - всё удаляется нормльно, но сплайс оригинала удаляет всегда последний элемент, сталкивался кто?

возможно, это какая-то особенность vue

кажется, дело в key

и скорее всего всё заработает, если добавить в объект id

дока мутная какая-то

В чём мутность?

В чём мутность?

ну дока к vue-loader не говорит, куда писать опции, об этом можно узнать только тут https://github.com/vuejs/vue-cli/blob/dev/docs/README.md

Хехе

Доки это дело сложное

Ну дока если отдельно куда-то лоадер ставить. Кли — это же про другое

В идеале их должно быть раза в три больше кода

В общем непонятно как можно сделать её лучше)

Ну дока если отдельно куда-то лоадер ставить. Кли — это же про другое

ну сейчас там всё в кучу https://vue-loader.vuejs.org/ru/start/setup.html

насколько я понял, в 3 версии всё поменялось, о 2 ничего не знаю, не видел её)

Да, наверное там ссылка на доку кли нужна

Третья версия в бете

this.formData[name] = value?

Ээээ

ну в immutable редакса есть смысл

только тут он не причем