как сейчас ситуация?
значит нет смысла новый проект на 2й версии начинать, а сразу на 3й?
Кто посоветует как такой эфект сделать как тут когда по пунктам меню бегаеш?
Ребят, как сделать в Vue3 чтобы весь template у меня выл в php ?
Ты про то, что ссылки разными цветами подсвечиваются что ли?
Ну а шаблон какой?
Где ты подключаешь шаблон?
Можно, в целом очень похожа, но поменялась работа реактивности, появились оптимизации рендеринга, и появился Comopsition API, который точно придётся изучить отдельно.
больше множество мелких отличий
Если композишн api не пользовать, то считай всё то же самое
3ка однозначно можно работать в стиле 2ки
В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api.
Исходный код урока здесь ➝ https://t.me/ulbi_tv/20
Таймкоды:
00:00 ➝ Введение
02:00 ➝ Теория
07:50 ➝ Начало разработки. Создание проекта
12:40 ➝ Компонент App
14:41 ➝ Интерполяция
15:44 ➝ Methods. V-ON. Слушатели событий
17:40 ➝ Vue devtools. Инструменты разработчика
20:00 ➝ Cтили
21:51 ➝ Отрисовка в цикле. Директива V-FOR
23:00 ➝ Создание нового поста
25:35 ➝ Двустороннее связывание
30:30 ➝ Модификаторы stop, prevent
31:50 ➝ Декомпозиция. Создаем переиспользуемые компоненты
35:30 ➝ Props. Передаем данные в компонент
38:20 ➝ V-MODEL
41:20 ➝ $emit. Обмен данными между дочерним и родительским компонентом
50:10 ➝ Библиотека UI компонентов
53:55 ➝ Глобальная регистрация компонента
58:20 ➝ Подробно о V-MODEL
01:04:08 ➝ Удаление поста. Ключи KEY в цикле
01:07:30 ➝ Отрисовка по условию
01:10:20 ➝ Модальное окно
01:16:00 ➝ Модификаторы V-MODEL
01:17:25 ➝ Работа с сервером. Получаем посты. Axios
01:20:23 ➝ Жизненный цикл компонента
01:23:20 ➝ Индикатор загрузки данных
01:25:00 ➝ Выпадающий список. Сортировка постов
01:31:08 ➝ Наблюдаемые WATCH и вычисляемые COMPUTED свойства
01:39:08 ➝ Анимации transition group
01:42:20 ➝ Поиск постов. Фильтрация
01:44:15 ➝ Пагинация. Постраничный вывод
01:48:08 ➝ Динамический биндинг классов и стилей
01:51:30 ➝ Динамическая пагинация. Бесконечная лента. Intersection API
01:54:20 ➝ Refs. Доступ к DOM элементу
01:58:48 ➝ VUE-ROUTER. Постраничная навигация
02:07:50 ➝ Динамическая навигация
02:11:10 ➝ Создаем собственные директивы V-INTERSACTION и V-FOCUS
02:18:15 ➝ Mixins. Примеси
02:22:15 ➝ Vuex. Глобальное состояние приложения
02:47:15 ➝ Composition API
03:00:40 ➝ Самое время поставить КОММЕНТАРИЙ и написать ЛАЙК 🙂
Мой канал в telegram и канал для общения подписчиков — https://t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) — https://boosty.to/ulbitv
Qiwi кошелек ➝ http://qiwi.com/n/BODYE821
Яндекс деньги ➝ https://yoomoney.ru/to/4100116193037469
https://barba.js.org/docs/getstarted/lifecycle/
Create badass, fluid and smooth transition between your website’s pages.
а в самом Vue будет код без template
https://barba.js.org/docs/getstarted/lifecycle/
Ты про то, что ссылки разными цветами подсвечиваются что ли? Можно через классы, к примеру. По типу hover—primary, hover—info, hover—success, hover—warning.
Типа базовые цветовая схема из проекта
А в классе:
.hover—primary:hover {
color: var(—primary);
}
То, как зверь, темплейт завоет, То заплачет, как дитя
@nuxtjs_ru
Они молчат как рыбы
Почему-то пустой лист выводит
Делаешь тэг темплейт с id=app.
И выводишь где угодно, хоть в шаблонизаторе, хоть в html хоть в echo из бд
el: ‘#app’,
Ну а шаблон какой?
может они просто не любят атаку титанов
Аот топ
а тут пустота
И выводишь где угодно, хоть в шаблонизаторе, хоть в html хоть в echo из бд
el: ‘#app’,
vue3, нету там el
N . The test me
Попробуй тег не template, а div 🤔
Фронтенд, остановись.
Фронтенд, остановись.
Тег для описания html без рендера, удобная вещь для шаблонов в html и без фреймворков
Фронтенд, остановись.
Норм тэг, ещё во времена jquery использовал удобно.
Шаблоны строк в таблице и прочее верстать удобно, а потом копипастить в js
Фронтенд, остановись.
а это сам App.vue
Отключи вуй, сначала увидь свою вёрстку.
Но то что ты её в php генеришь это жесть какая-то
Но то что ты её в php генеришь это жесть какая-то
Cпс, щас попробую, мне надо к OpenCart подлючить
Где ты подключаешь шаблон?
Но то что ты её в php генеришь это жесть какая-то
app.mount(‘#app’);
Ты сказал вуй3 у тебя.
Где креатАпп(?
https://stackoverflow.com/questions/66470249/vue-3-with-vite-rendering-blank-page-when-not-using-app-vue
Setup
I’ve initialized a new project using vite on an Arch based operating system.
When I try to create the simple counter from the vue docs, the elemet doesn’t render.
Code
index.html:
<!DOCTYP…
Ты сказал вуй3 у тебя.
Где креатАпп(?
вот
Типа базовые цветовая схема из проекта
А в классе:
.hover—primary:hover {
color: var(—primary);
}
Не сылки, а при переключении зансавесь на весь екран с ефектом
Это уже вторая Vue 😁
Сделай, как по ссылке, которую я скинул.
Тебе просто надо рантайм компилер включить, пропиши там пару строчек в vite config
?
На вкладку консоль перейди
Нашлось решение той твоей проблемы
На кодепене работало, потому что правильный CDN был