Уроки Vue

Установим Swiper 6 используя команду npm. Важно — для версии Swiper 7 используются другие настройки. npm i swiper@6.8.4 После создадим компонент/либо страницу со следующим кодом. Рабочий пример можно посмотреть по следующей ссылке — https://codesandbox.io/s/ts-vue-tailwind-swiper-dwknl?file=/src/components/SwiperTest.vue Внешний вид

Для того чтобы получить this.$route.params.id в разделе setup нужно подключить vue-router Путь прописан так #rootDir/src/router/index.js import { createRouter, createWebHistory } from 'vue-router' import Film from "@/components/Examples/Film"; const routes = [ { path: '/film/:id', name: 'film', component: Film }, ] const

Код простого меню на Vue.js. Создаем HTML разметку под меню. Директива :сlass будет подхватывать значение пункта меню(текст) в нижнем регистре. Активный пункт будет определяться по названию класса, который мы получили из текста. Например для пункта «Projects» — это класс project(в

Самым легким способом для тестирования будет установить с нуля Nuxt.js с отмеченными галочками Vuex и Axios. После установки создайте файл с любым названием и разрешением js в директории store. В моем случае файл называется newspaper.js Создайте тестовую страницу test.vue в

Простой пример использования vuex. Устанавливаем vuex используя команду npm npm install vuex --save # При использовании Vue 3.0 + Vuex 4.0 переход на 4 версию: npm install vuex@next --save Создаем в директории src директорию store. Внутри директории store создаем файл

Tailwind CSS — это низкоуровневый CSS-фреймворк с множеством готовых классов, необходимых для создания нестандартных дизайнов. Для подключения Tailwind к проекту Vue необходимо выполнить следующие действия: 1. Запускаем команду установки Tailwind 2. Генерируем конфигурационный файл Tailwind (tailwind.config.js) 3. В корневой директории