материал-компоненты-сеть для vue js

У меня есть сайт на основе Vue framework и webpack.

Я наткнулся на фреймворк css, разработанный Google (Веб-компоненты материалов), где вы можете напрямую начать работу с пакетом cdn или npm. Он отлично работал для простого веб-сайта на основе html / javascript. Но у меня возникают проблемы с его настройкой для проекта Vue.

Для фреймворка Vue доступны и другие оболочки, например Veutify и Vue Material. Но он поставляется с множеством дополнительных вещей, таких как макет сетки, которому я не хочу, чтобы разработчики следовали, поскольку мы уже используем гибкий макет. Мне нужна только библиотека компонентов.

Итак, есть ли способ использовать сеть компонентов материалов с фреймворком Vue?


person Deepak Terse    schedule 08.05.2020    source источник


Ответы (2)


Мне не удалось заставить Материальную сеть компонентов работать с фреймворком Vue. Но я нашел еще одну облегченную структуру материального дизайна, то есть Material Design Lite.

Примечание: это не относится к какой-либо структуре. Он позволяет вам добавить внешний вид Material Design к вашему сайту, разработанному в любой структуре.

Вы можете легко начать работу с широким спектром опций, таких как cdn, bower, npm или даже загрузив файлы.

person Deepak Terse    schedule 18.05.2020

Веб-компоненты материалов имеет модульную архитектуру. Каждый компонент или API распространяется как отдельный пакет . Это означает, что вы можете использовать их по отдельности, хотя есть некоторые зависимости.

Также есть корневой пакет - material- components-web, который просто ссылается на все остальные пакеты.

По умолчанию, когда вы добавляете пакет, он не включается в ваше приложение. Вам нужно будет импортировать компонент SCSS и, возможно, JavaScript. В принципе, как и любой другой компонент.

В качестве примера обратитесь к этому шаблону приложения Vue. Как видите, здесь, он ссылается только на подмножество компонентов / API MDC.

person Konstantin Lyakh    schedule 02.03.2021