Фото від Mockaroon на Unsplash
Необхідні умови
- Переконайтеся, що у вас встановлена версія Node.js 18.3 або новіша.
- Вам потрібно створити додаток на Vue, слідуючи цьому посібнику.
Вступ
Для динамічного керування CSS стилями можна використовувати зв'язування стилів.
У шаблоні
Напишіть простий абзац із прив'язкою стилів, як показано нижче:
Ви можете використовувати як camelCase, так і kebab-case для властивостей CSS (для kebab-case використовуйте одинарні лапки).
У скрипті
Просто оголосіть стани, які будуть використовуватись у шаблоні.
Альтернатива
Якщо у вас є багато стилів CSS, які потрібно застосувати, можна написати чистіший код, як показано нижче.
Запуск проєкту
Вам слід перевірити, які властивості CSS вводяться, використовуючи інспектор елементів.
Готово
Зв'язування стилів корисне, коли потрібно керувати стилями безпосередньо з коду.
Попереднє: Прив'язки класів
Наступне:
Перекладено з: Style Bindings