Vue Composition API с нуля #8 - Подсветка активного пункта меню

[@Алексей-у6щ1о]

Спасибо за все курсы)

[@igorbabko]

Всегда пожалуйста!

[@bandrones]

очень круто, спасибо!

[@igorbabko]

Рад слышать!)

[@АлександрБойцов-с3ю]

Помогите, у меня не обновляется currentPage, т.е. я нажимаю на navitem он на секунду загорается серым, страница обновляется и всё как и было. Кроме того что я тупой , в чем еще может быть проблема?

[@АлександрБойцов-с3ю]

я не поставил # в href

[@igorbabko]

Не стоит так уж критично к себе относиться, все мы допускаем ошибки 🙂. Рад, что проблема решилась!

[@calamityreaper2848]

Не подскажете как вы создаёте новые файлы, чтобы сразу определялся путь к текущей дериктории? + начиная с Vue 3.3 в composition api появился defineOptions, который позволяет в setup отключить inheritAttrs

[@igorbabko]

Да, в новых версиях Vue это сделать проще)) По поводу создания файлов, это расширение File Utils - marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils Я для него определил некоторые комбинации клавиш в файле keybindings.json { // ... { "command": "fileutils.renameFile", "category": "File Utils", "title": "Rename", "key": "alt+r" }, { "command": "fileutils.moveFile", "category": "File Utils", "title": "Move", "key": "alt+shift+m" }, { "command": "fileutils.duplicateFile", "category": "File Utils", "title": "Duplicate", "key": "alt+c" }, { "command": "fileutils.removeFile", "category": "File Utils", "title": "Delete", "key": "alt+d" }, { "command": "fileutils.newFile", "category": "File Utils", "title": "New File Relative to Current View", "key": "alt+," }, { "command": "fileutils.newFileAtRoot", "category": "File Utils", "title": "New File Relative to Project Root", "key": "alt+m" }, { "command": "fileutils.newFolder", "category": "File Utils", "title": "New Folder Relative to Current View", "key": "alt+." }, { "command": "fileutils.newFolderAtRoot", "category": "File Utils", "title": "New Folder Relative to Project Root", "key": "alt+/" }, } Этот файл можно открыть запустив следующую команду в командной панели VS Code: Preferences: Open Keyboard Shortcuts (JSON) Комбинация для создания нового файла у меня alt + ,

[@calamityreaper2848]

Понял. Спасибо большое!

[@igorbabko]

Не за что)

[@mevn6807]

спасибо за курс!

[@igorbabko]

Пожалуйста)

[@biLLie_wiLLie]

а чем роутинг vue router не понравился?

[@igorbabko]

В этом плейлисте дополнительные библиотеки использованы не будут. Все будет реализовано исключительно на "чистом" Vue. Считаю, что такой подход позволит лучше освоить базу Vue. Скорее всего, будут созданы отдельные плейлисты по интеграции Vue Router и Pinia)

[@gr21TzX9]

@@igorbabko по интеграции в это приложение? Если да, то очень интересно получилось бы! p.s. зачем было удалять мой коммент про attrs из 7 урока? (( Кому-нибудь он мог бы помочь...

[@igorbabko]

Да, в это приложение) Касательно удаленного комментария, я ничего не удалял) Я даже его не видел. Не могли бы Вы повторно отправить тот комментарий? Возможно, система его удалила автоматически.

[@gr21TzX9]

@@igorbabko оставил комментарий под 7 уроком

[@igorbabko]

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

[@twentxx]

Спасибо 👍

[@igorbabko]

Всегда пожалуйста)

[@oneman2093]

всё круто пока-что. надеюсь мне наконец удастся освоить Vue. единственное чего не понял, почему константа меняет значение? по логике константа должна всегда иметь одно и то же значение

[@igorbabko]

Желаю Вам успехов в изучении! Если решите дальше проходить курс, буду рад услышать отзыв о том, что Вам понравилось в курсе, а что, возможно, нет)) Касательно вопроса по константам, здесь мы не меняем значение константы currentPage, а только лишь модифицируем свойство объекта, который хранится в данной константе. Сама константа при этом продолжает хранить ссылку на тот же объект, вернувшийся после выполнения выражения ref('activities'). Функция ref() возвращает объект со свойством .value, поэтому при модификации реактивной переменной currentPage обновляется именно это свойство .value, а не значение самой константы currentPage.

[@diamondserg-43]

интересные микро решения

[@igorbabko]

Спасибо)