Element официально объявил: Element UI для Vue 3.0 уже здесь!
Element официально объявил: Element UI для Vue 3.0 уже здесь!

Element Plus для Vue 3.0 уже здесь, на этот раз он действительно здесь!

Команда разработчиков Element объявила об официальном выпуске первой бета-версии Element Plus, обновленной адаптации Element к Vue 3.0.

Ранее в Интернете ходили слухи, что Element не поддерживается и пользовательский интерфейс Element не будет поддерживать Vue 3.0. На этот раз официальный представитель вышел и дал ему пощечину.

Element Plus

Element Plus для Vue 3.0 — это совершенно новый проект, реорганизованный с использованием TypeScript + Composition API. Команда Element переписала почти каждую строку кода Element, чтобы представить наиболее совершенный элемент в наиболее удобном для Vue 3 виде, в основном включая:

  • Разработано с использованием TypeScript и предоставляет полные файлы определения типов.
  • Используйте Vue 3.0 Composition API, чтобы уменьшить связанность и упростить логику.
  • Рефакторинг компонента класса монтажа с использованием новых функций Vue 3.0 Teleport.
  • Ведение и управление проектами с Lerna
  • Используйте Day.js, более легкое и универсальное решение для отображения времени и даты.
  • Обновите и адаптируйтесь к popperjs, async-validator и другим основным зависимостям.
  • Улучшенная поддержка 52 международных языков.

Кроме того, имеются:

  • новое видение
  • Оптимизированный API компонентов
  • Больше возможностей настройки
  • Более подробная и понятная документация

На официальном сайте Element Plus мы можем узнать, что принципы проектирования Element Plus в основном включают четыре аспекта:

Последовательность

Соответствие реальной жизни: соответствует процессам и логике реальной жизни, соответствует языку и концепциям, к которым привыкли пользователи. Согласованность в интерфейсе: все элементы и структуры должны быть согласованными, например: стили дизайна, значки и тексты, положения элементов и т. д. .

Обратная связь Обратная связь

Обратная связь управления: пользователи могут четко воспринимать свои действия с помощью стилей интерфейса и интерактивных эффектов. Обратная связь страницы: после операций текущий статус четко отображается через изменения в элементах страницы;

Эффективность

Упростите процесс: спроектируйте простой и интуитивно понятный рабочий процесс; язык понятен и смысл ясен, что позволяет пользователям быстро понимать и принимать решения; помогает пользователям осознавать: интерфейс прост и понятен, что позволяет пользователям быстро работать; распознавать, а не вспоминать, уменьшая нагрузку на память пользователя.

Управляемость

Принятие решений пользователем: предложения по работе пользователя или советы по безопасности могут быть даны в соответствии со сценарием, но он не может принимать решения за пользователя. Контролируемые результаты: пользователи могут свободно выполнять операции, включая отмену, откат и прекращение текущих операций;

наконец

Использование Element Plus в основном такое же, как и в оригинале, без особых изменений, и его легко начать. Например, использование полного внедрения и внедрения по требованию не изменилось.

Автор заглянул на официальный сайт Element Plus. Среду разработки на основе Vue и Element Plus можно легко настроить. Чтобы узнать, как использовать каждый компонент, обратитесь к соответствующим документам.

Проект Element Plus все еще находится в стадии активной разработки, и я верю, что он скоро снова будет доступен.

Подробную информацию можно найти на официальном сайте Element Plus:

https://element-plus.org/#/zh-CN/guide/design

Официальный сайт Vue3.0:

https://vue3js.cn/docs/

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода