Уроки по программированию
3 сентября 2021 года / Vue
swiper Vue3

Установка Swiper во Vue 3

Установим 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 Внешний вид
10 января 2021 года / Vue

Vue Composition API получить this.$route.params.id

Для того чтобы получить 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
4 января 2021 года / Vue

Простое меню Vue.js

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

Как использовать Nuxt.js + Vuex + localStorage ?

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

Vuex простой пример

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

Настройка Vue + Tailwind

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