Vue.JS

• Vue.JS
  • Зачем
  • Плюсы-минусы
  • Паттерны
    • Динамическая форма Dynamic Forms
    • Динамическая валидация Dynamic Validation
  • Технологии

Зачем

• frontend-фреймворк
  • проект Weex — кроссплатформенный UI-фреймворк native ios, android. Alibaba но сырой ещё
• использует архитектуру Model-View-ViewModel
• SPA
• Vue 2.0 поддерживает серверный рендеринг SSR
  • Сервер NodeJS + Nuxt.js
• Паттерн управления состоянием приложения: Vuex, Pinia
• Vue концентрируется на однонаправленном потоке данных между компонентами

Плюсы-минусы

• TypeScript слабая поддержка
• поддерживает только IE9+
• Сравнение c React, Angular, Ember

Паттерны

• SOLID
• Архитектура слои приложения
  • 1
  • 2
• Vue официальные паттерны разработки для разработчиков

Динамическая форма Dynamic Forms

• asigloo example demo
• https://rangle.io/blog/how-to-create-data-driven-user-interfaces-in-vue
• https://medium.com/vue-mastery/building-an-interactive-and-distraction-free-form-with-vue-bfe23907e981
• from Json Schema

Динамическая валидация Dynamic Validation

Динамическая валидация

• vuelidate.js
  • builtin validators
  • async validate and custom async
  • dynamic validate rule

Технологии

• Components, Libraries
• Vite
• управления состоянием приложения
  • Pinia
  • Vuex
• Node.js
  • Nuxt.js - фреймворк для создания Vue.js веб-приложений