VARLET-VUE2

Описание VARLET-VUE2 — это основанная на Vue2 библиотека компонентов для мобильных устройств в стиле Material design. Библиотека поддерживается сообществом разработчиков.

Характеристики

• 🚀 50 высококачественных универсальных компонентов;
• 🚀 лёгкие компоненты;
• 💪 разработка ведётся китайскими разработчиками, есть полная документация на китайском и английском языках и послепродажное обслуживание;
• 🛠️ поддержка выборочной загрузки;
• 🛠️ возможность настройки темы;
• 🌍 поддержка интернационализации;
• 💡 подсветка свойств компонентов в webstorm и vscode;
• 💪 поддержка SSR;
• 💡 поддержка Typescript;
• 💪 более 90% покрытия кода модульными тестами, что обеспечивает стабильность;
• 🛠️ поддержка тёмного режима.

Установка

CDN varlet.js содержит все стили и логику библиотеки компонентов. Просто импортируйте его.

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script src="https://cdn.jsdelivr.net/npm/@varlet-vue2/ui/umd/varlet.js"></script>
<script>
  Vue.use(Varlet)

  new Vue({
    template: '<var-button>按钮</var-button>'
  }).$mount('#app')
</script>

Webpack / Vite

# Установить через npm, yarn или pnpm
# npm
npm i @varlet-vue2/ui -S

# yarn
yarn add @varlet-vue2/ui

# pnpm
pnpm add @varlet-vue2/ui

import App from './App.vue'
import Varlet from '@varlet-vue2/ui'
import Vue from 'vue'
import '@varlet-vue2/ui/es/style.js'

Vue.use(Varlet)

new Vue({
  render: (h) => h(App)
}).$mount('#app')

Вкладчики

Состояние репозитория Этот репозиторий больше не будет обновляться новыми функциями. Только исправление ошибок. Рекомендуется использовать версию Varlet Vue3.